html5学习笔记day03

css
层叠样式表，为HTML标签就样式规则
1）应用

1.属性内嵌式
将样式规则写入到style属性值中

   2.嵌入式
   <head>
       <style>
       div{

       }
       </style>
   </head>
   <body>
   <div>hello world</div>
   </body>

   3.外部导入式
       style.css
       div{
           width:100px;
           height:100px;
       }

2)规则
3）选择器
   1.基本选择器
       元素选择器：
       类选择器：
       组合选择器
           .one , .two
       id选择
           .id
       普遍选择器 *
       并且选择器：nav.nav,选择标签名为nav
   2.层次选择器
       后代选择器：ul li
           使用空格分开两个选择器
       子代选择器：ul > li
           使用>分隔两个选择器,选择ul的子元素，并且子代元素为li
       下一个兄弟选择器：
           使用+分隔两个选择器
           使用~选择以下选择器

   3.属性选择器
       input[name]
       input[name=val]
       input[name*=val]
       input[name~=val]
       input[name$=val]
       input[name^=val]
   4.伪类选择器
       ：hover
       :first-child
       :last-child
       :nth-child
       :nth-last-child(1)
   5.伪元素选择器
       ::after

猜你喜欢