CSS学习(二)

    CSS语法:
       
引用
selector {declaration1; declaration2;declarationN}
,其中declaration格式为
引用
property:value
,所以完整语法为:
引用
selector {property1:value1; property2:value2;}
.举例: p {color:red; font-size:10px},将p元素内的文字颜色定义为红色,同时将字体大小设置为 14 像素。
       说明:
             p----selector,选择器,通常是您需要改变样式的 HTML 元素。
             {color:red; font-size:10px}----declaration,声明。
             color----property,属性,您希望设置的样式属性(style attribute)。
             red----value,属性值,样式属性的值

         value,有时候有多种写法,当然也有多种单位。如果value为多个单词时,需要用双引号括起来。

          多个decalration之间,用分号隔开,最好一个declaration占一行,利于read。 最后一个declaration最好也加上分号,有利于以后增删

         CSS不区分大小写,空格和空行也不影响显示效果。

     选择器(selector):
         可以对选择器进行分组,这样,被分组的选择器就可以分享相同的声明。
          
引用
h1,h2,h3 {color:pink;}

         根据CSS,子元素从父元素继承属性。但是由于浏览器的世界大战,不保证一定能成功继承,最好是father和son分开定义。当son定义了和father一样的属性时,son自动覆盖father的属性。
        派生选择器:派生选择器允许你根据文档的上下文关系来确定某个标签的样式。通过合理地使用派生选择器,我们可以使 HTML 代码变得更加整洁。
           定义li标签里strong元素的样式。
        
引用
li strong {
                  font-size:10px;
                  font-style:italic;
               }

        id 选择器:为标有特定id的HTML元素指定特定的样式,id选择器以#开头。
            
引用
#red {color:red;}

          
引用
<p id="red">红色文字</p>

         id 属性只能在每个 HTML 文档中出现一次.
         id选择器可以与派生选择器结合使用,一个id元素可以结合多个其他元素。例如,指定id为tree的元素的段落(p)的字体颜色为红色。
             
引用
#tree p {color:red;}

           
引用
#tree h1 {color:pink;}

你可能感兴趣的:(css)