适合小白阅览{6种选择器}外加CSS样式表的建立

六种选择器:标签选择器

      id选择器

      class选择器

      后代选择器

      子代选择器

      交集选择器

简单说下者6种选择器:

      标签选择器就是用标签来命名的内容,例如<p>标签选择器</p>在style里添加样式的时候就是p{}。这种适合在没有相同标签的情况下使用

      id选择器就是给这个标签起个id例如<p id="a“>id选择器</p>那他在style里添加样式的格式就是#a{}。id起名添加样式的时候必须在名字前面加#键。

      class选择器就是类选择器,给标签用class起名字例如<p class="b">class选择器</p>他在添加样式的格式就是.b{}   它的名字前面必须加英文状态下的.

      后代选择器他的标签嵌套多层关系,例如你和你的爸爸都是你爷爷的后代的关系。

      子代选择器它的标签嵌套只有1层关系,例如你是你是你爸爸的子代的关系。

      交集选择器就像一个人有本身自己的名字,但别人还给他起了几个外号,无论你叫外号还是他的名字,都是在叫他的关系。

CSS样式表的建立:

      内部样式表:内部样式表是在<head>标签里输入的。语法例子:<style type="text/css">

                                     div{  这里输入想要添加的样式

                                        }

                                    </style>

      内联样式表:内联样式表是直接在标签内输入的。语法例子:<div style="属性:属性值;">内容</div>

      外联样式表:写在头部标签<head>里的。语法例子 :<link rel="stylesheet" type="text/css" href="目标文件的路径及文件名全称/>    再创建一个CSS类型文件,在里面输入添加样式。  

      说明: rel用于定义文档关联,表示关联样式表

        type用于定义文档类型.可以不写。

--------------------------------------------------------------------------------------------------------------------------------------------------

以上便是今天的内容,若有不对请在下方评论出来

                                   

原文地址:https://www.cnblogs.com/wkxdd/p/9628136.html