CSS层叠样式表类型及选择符种类

CSS层叠样式表Cascading Style Sheets

---

内部样式表：<style type="text/css"></style>(写在head标签中)

外部样式表:<link rel="stylesheet" href="样式路径及全称" type="text/css"/>

                   rel="stylesheet"指link与href之间的关联样式为样式表文件

                   type="text/css"指文件类型为样式表文本

内联样式表：<标签 style="属性：属性值；属性：属性值；"></标签>

样式表优先级：内联样式表先生效；内部、外部样式表谁在后面谁生效

---

CSS语法

---

选择符{声明语句；声明语句；}

例：a{font-size：12px;color:#fff;}

---

选择符

---

类选择符：标签名称{属性：属性值；}   例：p{color：red}

id选择符：#id{属性：属性值；}   例：html语句：<div id="top"></div>

                                                           css语句：#top{font-size：12px；}

class选择符：.class名{属性：属性值；}   例：html语句：<div class="txt"></div>

                                                                         css语句：.class{font-size:12px;color:blue；}

通配符：*

*{margin：0；padding：0；}所有元素边界值和填充值清零

*所有元素

margin：0 auto；  水平居中

群组选择符：选择符1，选择符2，选择符3...{属性：属性值；}   例：h1，h2，h3，p{font-sixe：12px；color：blue；}

包含选择符：父元素  子元素{属性：属性值；}   例：div  a{font-sixe：12px；color：blue；}

伪类选择符：a：link{属性：属性值；}链接初始状态

                     a：hover{属性：属性值；}鼠标滑过链接时状态

                     a：visited{属性：属性值；}连接访问后状态

                     a：active{属性：属性值；}链接被点击时状态   例：a：{color：blue；}

                                                                                                      a：hover{color：red；}