CSS样式表

CSS样式表 主要作用是用来美化界面的

      CSS样式表分为:内联样式表,内嵌样式表,外部样式表。

   1 内联样式表

      和HTML联合使用 控制精确 但是可重用性差 

     例如: <div style="color: #ED31C9">内联样式表</div>

     2 内嵌样式表

      写在head里面 作为一个独立区域内嵌在网页(必须写在head里面)

    例如: <style type="text/css">  div{color: #ED31C9}  </style>

    

    3 外部样式表

       新建一个CSS文件 用来放样式表 如果要在HTML文件中调用样式表 需要在HTML文件里(右键--CSS样式--附加样式表)进行添加

       一般用link链接方式

选择器  

   选择器分为:标签选择器,class选择器,ID选择器,复合选择器

 1 标签选择器

     用标签名做选择器

     例如: <style type="text/css">  div{color: #ED31C9}  </style>

 2 class选择器

     用 .class名 做选择器

     例如:

 3 ID选择器

    用 #样式名作选择器

例如:

 4 复合选择器

    (1)用  ,  号隔开 表示并列

            <style type="text/css">

                     p,span {样式属性}    -----(标签 p 和 span 两者同样的样式)

           </style>

    (2)用 空格 隔开 表示后代

            <style type="text/css">

                      .main p {样式属性}  ------(找到样式 main 的标签 然后在标签里找 p 标签显示改属性)

            </style>

       (3) 用 . 作筛选器

             <style type="text/css">

                        .sp {样式属性}  ------(在目标标签里加入class属性并命名例如:slass="sp")

             </style>

  

原文地址:https://www.cnblogs.com/wangxiao233/p/8242768.html