视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
CSS选择符说明_基础教程
2020-11-27 18:54:57 责编:小采
文档

一、类型选择符
body
{
font-size:12px;
}

{
color:blue;
}
  指对网页中已有的标签类型作为名称的选择符,如上表示:body标签内的所有文字大小为12px;段落内的文字颜色为蓝色。
  二、群组选择符
h4,p,span
{
font-size:12px;
}
  表示页面所有的h4,p,span标签内文字都为12px大小,即对一组对象进行相同的样式指定,每个标签之间用逗号分隔开来。
  三、包含选择符
div p
{
font-weight:bold;
}
  表示div标签里边的p标签内的文字为粗体字、这是一种包含关系,每个标签之间用空格隔开,可以为多级包含。
  四、id和class选择符
  id是对页面中的唯一元素进行样式定义,这个样式在页面中只使用一次、即id不重复

..

#myDiv
{
font-size:12px;
}
  class定义的是通用或经常使用的样式,一种样式在一个页面中需要出现多次,即可以为不同的标签指定相同的class,如下表示:div和p标签内的字体都是蓝色


..


.red
{
color:blue;
}
  五、组合选择符
  使用id或class,同时也使用标签来进行组合
h1 #cont
{
}
  表示id为cont的h1标签
h1 .cont
{
}
  表示所有class为cont的h1标签
  六、伪类选择符
  常见为a标签
a:link
{
}
a:hover
{
}
a:visited
{
}
  七、通配选择符
*
{
color:blue;
}
  表示所有对象的字体都为蓝色。

下载本文
显示全文
专题