适合小白阅览{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用于定义文档类型.可以不写。
--------------------------------------------------------------------------------------------------------------------------------------------------
以上便是今天的内容,若有不对请在下方评论出来