CSS中的特殊符号

html-css026

CSS中的特殊符号,第1张

我好像米碰到过这种大于号的符号,

看看你要的是不是这些

如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>文件结束