css-1

如果说HTML是一个页面的骨架，那么css就是一个页面的皮。

HTML中的各种元素如何被css装饰呢？

首先，要有css引入。css引入有三种方式：内嵌式，内部样式表，外部引用。

                    内嵌式：例如,在一个段落标签内添加style属性,style属性中的background样式改成了另外一个颜色。   

              <p style="background: #795da3"></p>
         内部样式表：在head标签中添加<style>标签，再用选择器选中目标HTML元素改变样式

                   <div class="bg" id="b1"></div>

                   .bg{
                      background-attachment:fixed;
                    }
          外部引用：另外创建一个css文件，在head标签中利用<link>或者@import引用

当然，如果使用的不是内嵌式引入css样式，就必须用到css的选择器。css的基础选择器有三种，class选择器（用的最多），id选择器，标记选择器。
          
              如果同样的样式次数过多，推荐使用class选择器，如果要单独修改某个样式，可以给这个元素添加一个id，然后使用id选择器。最不推荐使用的就是标记选择器，因为它很不灵活。
       其他类型的选择器还有伪元素选择器（xx::before{},xx::after{},不属于文档结构,里面必须添加一个content=""属性），和复合选择器以及子代伪类选择器a：nth-child（n）

                                             

                                    

css-1

原文：https://www.cnblogs.com/hu-tiger/p/11951675.html