CSS的基本选择器

2025-11-14 01:00:11

1、标签选择器：就是给指定的html标签加样式

格式标签选择器名{属性:属性值; }

例如 body{ } p{ } ul{ } li{ } table{ } div{ } 标签选择器名就是html标签，不加 “< >”

不用引用，会把样式自动套用到对应的标签上,设定的样式会被对应的标签引用

例如在<head></head>中

CSS的基本选择器

2、效果

CSS的基本选择器

3、类选择器：给哪一类标签加样式

格式类选择器名称{属性:属性值; 属性:属性值; …..}

例如 .box{ } .top{ } .content{ } …

1).选择器名称前加” . ”

2).选择器名称自定义,起的有意义，开头是字母，后数字字母下划线

3).类选择器必须的引用 <标签 class=”选择器名称” >

4).每一个标签都有class属性

例如在<head>中的<style></style>之间加

CSS的基本选择器

4、在body中的标签

CSS的基本选择器

5、 Id选择器:给特定的html标签加样式

格式：id选择器名{属性:属性值; }

例如 #myid{ } #top{ }

在<head>中输入

CSS的基本选择器

6、在body的某个标签引用

描述：

选择器名前用#来表示

必须的引用 <标签 id=”选择器名称”>

引用的时候，只能引用一次，通常用在js部分要id选择器，设置样式类选择器

CSS的基本选择器

7、通用选择器（通配符 *）

格式:*{ 属性:属性值; }

1).当前文档中的所有的标签都加上css样式

2). Ie6(不支持)

3). 不用引用，把样式套用到所有的标签上

例如

CSS的基本选择器

8、效果

CSS的基本选择器

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。