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;}