首页 > 编程知识 正文

css 属性选择器详解,css样式引入方式优缺点

时间:2023-05-04 13:02:13 阅读:181028 作者:2547

这是【CSS 教程系列第 5 篇】,如果觉得有用的话,欢迎关注专栏。

CSS的选择器有很多。 常见的类型包括元素选择器、id选择器、class选择器、后代选择器、子选择器、并行集选择器、交叉选择器、伪类选择器和通配符选择器。

本博客论述了元素选择器,详细情况如下

文章目录http://www.Sina.com/http://www.Sina.com/http://www.Sina.com/3358 www.Sina.com/3358 wa/com /

CSS元素选择器使用HTML元素名称作为选择器,并按元素名称进行分类,以便为页面中的每种类型的元素指定统一的CSS样式。

通常,选择相同的元素并为相同的元素定义相同的CSS样式。

一:元素选择器如下图

div是我们的元素符号,color和font-size表示属性值,red和20px表示属性值。

此代码意味着选择页面中的所有div元素,并定义文本颜色为红色,字体大小为20像素。

二:语法如以下代码所示

div野心、万里望风尘/divp野心、万里望风尘/ph4野心、万里望风尘/h4div野心、万里望风尘/div浏览器运行效果如下

现在,您必须将所有div元素的文本颜色更改为红色,并将字体大小设置为16像素。 在CSS中添加代码行,如下所示

div { color: red; 字体大小: 16px; }更新浏览器后,应如下图所示

您可以看到,只有div元素的文本颜色和字体大小发生了更改,而p和h4元素没有发生更改。 因为元素选择器只选择指定的相同元素。

三:举例说明优点:可以为页面中相同类型的元素快速设置统一样式。 缺点:但是,因为不能设计差异化风格,所以这也是缺点。 虽然不能说是缺点,但是找不到合适的语言。 因为这就是元素选择器被设计出来的用法。

你的问题解决了吗? 欢迎来到评论区。

礼物玫瑰,手里有余香。 如果觉得文章好的话,希望你一键给我三连。 谢谢你。

结束语的技术一点点积累起来,大神也不是一天就能达到的。 原地不动是一种退步,所以每天都在一点点进步。

最后,我想附上“好学如饥,谦虚如愚”这句格言,共同激励。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。