CSS中的基础选择器有哪些


本篇内容介绍了“CSS中的基础选择器有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!CSS(层叠样式表)是一种用于页面内渲染 HTML,XML 等的一种基础语言,而选择器更是学习 CSS 的重中之重,选择器能对相应的元素进行选择,从而开始添加我们想要的样式,选择器可以进行单个元素或多个元素的渲染效果,用合适的选择器能事半功倍,大大节省编辑时间。通配符选择器可以选择页面上的所有元素,并对他们应用想要的样式,用 * 来表示。但不建议使用,IE6不支持,给大型网站增加负担。语法:* {属性:值}* { color : red ; }
* { font-size : 30px ; } 一个完整的HTML页面是由很多不同的标签组成。标签选择器可以直接设置HTML元素的样式,比如h2、td、p、a,甚至可以是html本身。语法:标签名 { 属性:值 }h2 { color : blue ;} a { text-decoration :none ; } ID选择器可以为标有特定ID的HTML元素指定特定的样式。根据元素ID来选择元素,具有唯一性,这说明一个ID在一个页面内只能出现一次,ID选择器以“#”来定义,在HTML中用 id 来引用语法:#id属性值 { 属性:值 }CSS代码:#demo { color : green ; } HTML代码:我会变成绿色类选择器使用类名来选择元素,前提是要在HTML代码中给元素添加一个class的属性,class=”类名”,然后在CSS代码中使用 ” . ” 进行标识,后面紧跟类名语法:.class属性值 { 属性:值 }CSS代码:.text { color : gray ; } HTML代码:我会变成灰色当几个元素样式属性一样时,可以共同调用一个声明,元素之间用逗号分隔。要注意逗号是为了告诉浏览器规则中包含多个不同的选择器,如果没有这个逗号意义就完全不同了,就会变成后代选择器,这点要注意。CSS代码:.demo , p { color : pink ; }HTML代码:我会变粉色“CSS中的基础选择器有哪些”的内容就介绍到这里了,感谢大家的阅读。免费云主机域名如果想了解更多行业相关的知识可以关注百云主机网站,小编将为大家输出更多高质量的实用文章!

相关推荐: Spring Data Jpa复杂查询的示例分析

小编给大家分享一下SpringDataJpa复杂查询的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!只是做一个总结所以就不多说废话了实体类在启动SpringBoot的时候 S…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 08/21 22:02
下一篇 08/21 22:02

相关推荐