看看你要的是不是这些
如div{...}会给所有的<div></div>增加样式
名前井号“#”:对应html中的标签的id属性,写法为#name
如#p1{...}会给<p id="p1">ID is p1</p>增加样式
名前小数点“.”:对应html中标签的class属性,写法为.name
如.p2{...}会给<p class="p2">CLASS is p2</p>增加样式
中间空格“ ”:关系到html标签的层次,写法为css css[ css[... css]],可以设多层
如DIV #p1 .span1{...}则会给<div><p id="p1"><span class="span1"></span></p></div>中最内部的span1增加样式
这样写的CSS必须严格遵守CSS与HTML标签层次,以下情况不会被这条CSS所应用
<span class="span1"></span>
<p id="p1"><span class="span1"></span></p>
<div><span class="span1"></span></div>
中间逗号“,” :表示并列关系,既该CSS有多个名称(可以精简重复的CSS样式)
如body,form,div{...}会为所有的<body></body>、<form></form>、<div></div>增加样式
名后冒号“:”:一般是指状态
如a:hover表示当鼠标悬停在a标签上时使用的样式
说的没错.special是自定义标签,所以有关于能其它标签都可以引用它,但是如果写一句h2.special那么只能是关于h2的div 才能引用,或者是p.spicial只能是有关于p标签的才能引用它,例如说.spicial {
text-decoration:underline
}
<p class="spicial">dddddddd</p>
<strong class="spicial">ddedsfdsfds</strong>
这样子的话下面的都生效,如果是生明的是
strong.spicial {
text-decoration:underline
}
<p class="spicial">dddddddd</p> /*那么这句就不生效了*/
<strong class="spicial">ddedsfdsfds</strong>
其实这个问题都好简单,不知道你们上学是怎么学的
CSS种类CSS为什么称为串联式排版样式呢 ? 是因为可以混合使用以下Style Sheets种类,其优先执行顺序依编号排列。
Inline (同列) : 使用HTML标记的STYLE属性,只和定义的区段有效。
如 :
<P STYLE=COLOR:RED>
Embedding (内嵌) : 使用 <STYLE>...</STYLE>标记 ( 置于BODY本文区之前 ),定义HTML标记供整个网页使用。可使用多个<STYLE>...</STYLE>标记
如 :
<HTML>文件开始
<STYLE TYPE=text/css>排版样式区开始
<!-- 排版样式区内容 -->
</STYLE>排版样式区结束
<BODY>本文区开始 本文区内容
</BODY>本文区结束
</HTML>文件结束
Linking (连结) : 使用 <LINK>标记 ( 用于HEAD区 ),即将排版格式分开处理 ( 以 . CSS 为副档名储存成一个独立的文字档 ) ,再连结使用。可使用多个<LINK>标记。
如 :
<HTML>文件开始
<HEAD>标头区开始
<LINK TYPE=text/css REL=STYLESHEET
HREF=s1.css>连结CSS档
</HEAD>标头区结束
<BODY>本文区开始
本文区内容
</BODY>本文区结束
</HTML>文件结束