html中css三种常见的样式选择器_HTML/Xhtml_网页制作
程序员文章站
2022-03-29 13:12:01
...
1:标签选择器
p{font:"宋体"; color:#FF0000}
我现在表现的是标签选择器
我也用的是标签选择器
#yy{font:"宋体"; color:#FF0000}
我现在表现的是id选择器
我没有被id选择器修饰
.yy{font:"宋体"; color:#FF0000}
我现在表现的是类选择器
我没有被类选择器修饰
标签选择器,是所有带有某种标签的都生效。这里以p为例,也就是所有的带有p标记的都会这样的样式
复制代码
代码如下:p{font:"宋体"; color:#FF0000}
我没有被任何的选择器修饰
2:id选择器,注意id选择器是唯一的,因为只有id="yy"的才有这种样式,而一个页面里元素的Id必须是唯一的,所以。。。你懂得id选择器以#开头用法是:id=""
复制代码
代码如下:#yy{font:"宋体"; color:#FF0000}
我没有被任何的选择器修饰
3:类选择器,类选择器以.开头 只要把元素的class="" 就能表现为这种样式了用法是:class=""
复制代码
代码如下:.yy{font:"宋体"; color:#FF0000}
我没有被任何的选择器修饰
推荐阅读
-
网页中应用CSS样式的几种方式_html/css_WEB-ITnose
-
圆形元素在网页设计中的25个应用案例分享_HTML/Xhtml_网页制作
-
常见的HTML标记错误写法_HTML/Xhtml_网页制作
-
XHTML中不再使用HTML中的一些废弃元素_HTML/Xhtml_网页制作
-
圆形元素在网页设计中的25个应用案例分享_HTML/Xhtml_网页制作
-
验证HTML,CSS以及RSS源是否正确的免费工具_HTML/Xhtml_网页制作
-
网页中应用CSS样式的几种方式_html/css_WEB-ITnose
-
圆角矩形的html+css实现代码_HTML/Xhtml_网页制作
-
验证HTML,CSS以及RSS源是否正确的免费工具_HTML/Xhtml_网页制作
-
链接中的href=#是什么意思呢_HTML/Xhtml_网页制作