200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > CSS常用选择器(通配符选择器 标签选择器 类选择器 id选择器.....) 你知道多少?

CSS常用选择器(通配符选择器 标签选择器 类选择器 id选择器.....) 你知道多少?

时间:2023-09-23 15:22:22

相关推荐

CSS常用选择器(通配符选择器 标签选择器 类选择器 id选择器.....) 你知道多少?

CSS常用选择器

CSS选择器的作用是从HTML页面中找出特定的某类元素,而常用的CSS选择器有如下几类,一起来看看吧!

一、通配符选择器

通配符选择器常用‘*’号表示,它是所有选择器里作用范围最广的,能匹配页面中所有的元素。

基本语法格式:*{ 属性1:属性值1;属性2:属性值2;}

例子

使用该选择器定义样式,清除所有HTML标记的默认边距。

*{margin:0; /*定义外边距*/padding:0;/*定义内边距*/}

但实际开发中不建议使用通配符选择器,因为它设置的样式对所有的HTML标记都生效,不管标记是否需要该样式,反而降低了代码的执行速度。

二、标签选择器

标签选择器是指用HTML标记名称作为选择器,按标记名称分类,为页面中某一类标签指定统一的CSS样式。

基本语法格式:标签名{ 属性1:属性值1;属性2:属性值2;}

所有的HTML标记名都可以作为标签选择器,例如a、body、p、h1等等。用标签选择器定义的样式对页面中该类型的所有标签都有效。

例子

使用p选择器定义HTML页面中所有段落的样式。

p{ font-size: 12px; color: #666; font-family:"微软雅黑"; }

标签选择器

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。