• 选择器、样式


    1.什么是属性,分哪几种?

          标签属性、样式属性

    (1)属性:表示事物的一切特征

           属性:标签属性、样式属性

                         标签属性:<img src="1.jpg" width="100px" height="200px"

                         样式属性

                                         

    二者的区别

    (1)位置不一样:样式属性写在style、标签属性写在标签内

    (2)写法不一样:样式属性是属性:属性值、标签属性是属性="属性值"

    2.选择器

    (1)标签选择器

    (2)id选择器

    (3)class选择器

    样式到底按什么要求?由选择器的权重来决定

    标签的权重是1、class的权重是10、id的权重是100

    备注

            权重可以叠加

           

    注意事项

           

           第一种叠加的格式是错误的,因为第一种不存在

           第二种才是叠加的正确格式

    了解一下,权重无限大

           

    浏览器是如何去执行代码的?

           浏览器执行代码是从上往下,从左往右

    3.选择器的种类

      (1)标签选择器

           a{

        color:red;

         }

       (2)id选择器

            #a{

         color:red;     

                 }

        (3)class选择器

        .a{

         color:red;

         }

      (4)后代选择器

        标签嵌套多层关系(包含一层)

       (5)子代选择器

         标签嵌套只有一层关系

       (6)交集选择器

         备注 千万不能把标签写在后面 .aap

    4.css

        Css 叫层叠样式表,给html添加样式

     

     Htmltype=”text/html”

     网页中如何嵌套style样式?

     (1)行间模式:将style当做属性写在标签内(权重是1000)

        

     (2)行内模式:把style当做标签来用,写在head之间

        

      (3)外部模式:把style当做css文件来用

        

        rel和href是必不可少的

    备注

      双标签必须写结束标签,p可以忽略结束标签

    css的三种引入方式

      行间样式把style当做属性使用,键值对在属性值中该怎么用就怎样用,

      行内把style当做标签使用 键值对还是老样子,

      外部引入,将样式写在css文件中,还是以键值对的形式书写样式。

     (4)嵌入性

        

     

    备注

      

      a是特殊的,要改变a里面的颜色,必须直接给a设置,给a的父级设置不行

    属性集成:

        明明是父极上设置样式,结果后代标签也跟着发生变化,这就叫做属性的继承

    那些属性可以继承?

      color、text-align、text-decoration

    html和css

    html超文本标记语言,不是编程语言(说白了就是标签)

    css层叠样式表,给标签添加样式的

    (1)选择器

    (2)css样式的引入

    1.文本的样式  text

     (1)颜色 color:red;

     (2)文本对齐方式:text-align:left/right/center/justify;

     (3)文本修饰:text-decoration:none/overline/underline/line-through:

            none什么都没有    overline上划线

            line-through删除线   underline下划线

     (4)文本缩进:text--indent:200px;

    2.字体  font

     (1)大小:font-size:20px;

     (2)颜色:color:red;(font-color:red;  这是错误的格式,不能用)

     (3)形状:font-style:normal/italic/oblique/inherit;

       

     (4)字形:font-family:“微软雅黑”;

     (5)加粗:font-weight:bold;(后面也可以跟数字)

          400是正常,比400大是加粗,比400小变细,写的时候不带px

         

  • 相关阅读:
    About “condition variables”
    路由表的读法(zz)
    C++字符串之一(字符表示)
    Audio Codec Summary
    关于telnet
    C++ 之 new
    (转)让ubuntu9.10开机自动挂载NTFS分区
    WorkSpace And Static Library In GarbageXcode4
    mac os x 10.7下配置svn服务器
    ubuntu下设置双显示器扩展桌面
  • 原文地址:https://www.cnblogs.com/panghexin/p/9622057.html
Copyright © 2020-2023  润新知