css层叠样式表
DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>层叠样式表学习</title> <link rel="stylesheet" href="css0405.css" /> </head> <body> <h1>层叠样式表</h1> <p> 什么是层叠样式表呢？简单来说就是对网页元素的各种修饰，是对网页外观形式的规范与表达。如同对一篇写好的文章进行排版。层叠的意思就是从上到下顺序执行所有命令。 </p> <div class="nocss"> <h3>没有样式修饰的内容</h3> <ul> <li>第一天学习的内容</li> <li>第二天学习的内容</li> <li>第三天学习的内容</li> <li>第四天学习的内容</li> </ul> </div> <div class="cssone"> <h3>有样式修饰的内容</h3> <ul> <li>第一天学习的内容</li> <li>第二天学习的内容</li> <li>第三天学习的内容</li> <li>第四天学习的内容</li> </ul> <h3>样式表的引用方式</h3> <ul> <li>行内样式表：仅作用于当前元素</li> <li>内联样式：作用于当前文档所关联的元素</li> <li>外联样式：独立于当前文档存在，用link标签进行引用</li> <li> 指令引用：@input命令可包含引用其他css样式文档，需要注意文档路径及命令所在位置务必首先书写 </li> </ul> <h3>有关样式表的几点胡思乱想</h3> <ul> <li>样式表出现应该是一种编程思想体现，同时也是一种算法</li> <li>实现了功能代码的有效分开，便于代码的阅读</li> <li>代码的复用变得更简单</li> <li>对网页外观的改变更容易</li> </ul> </div> </body></html>
.cssone,.cssone > * > * { outline: 1px dashed red;}
