CSS中的五大选择器

小微 科技CSS中的五大选择器已关闭评论139字数 373阅读模式
摘要1、元素选择器至多见的css选择器当属元素选择器了,在HTML文档中该选择器通常是指某种HTML元素,例如:p,h2,span,a,div乃至html。例如:html {backg...

1、元素选择器

最多见的css选择器当属元素选择器了,在HTML文档中该选择器一般为指某种HTML元素,例如:p,h2,span,a,div甚至html。文章源自微观生活(93wg.com)微观生活-https://93wg.com/4939.html

例如:文章源自微观生活(93wg.com)微观生活-https://93wg.com/4939.html

html {background-color: black;}文章源自微观生活(93wg.com)微观生活-https://93wg.com/4939.html

p {font-size: 30px; backgroud-color: gray;}文章源自微观生活(93wg.com)微观生活-https://93wg.com/4939.html

h2 {background-color: red;}文章源自微观生活(93wg.com)微观生活-https://93wg.com/4939.html

以上css代码会对整个文档添加黑色背景;将所有p元素字体大小设置为30像素同时添加灰色背景;对文档中所有h2元素添加红色背景。文章源自微观生活(93wg.com)微观生活-https://93wg.com/4939.html

通过上面的例子也能够看出css的基本规则结构:由选择器以及声明块组成。每一个声明块中包括一个或多个声明。每一个声明的格式为:属性名 : 属性值。如下图所示:文章源自微观生活(93wg.com)微观生活-https://93wg.com/4939.html

每一条声明以分号”;”结尾。文章源自微观生活(93wg.com)微观生活-https://93wg.com/4939.html

以上就是微观生活(93wg.com)关于“CSS中的五大选择器”的详细内容,希望对大家有所帮助!文章源自微观生活(93wg.com)微观生活-https://93wg.com/4939.html 文章源自微观生活(93wg.com)微观生活-https://93wg.com/4939.html

 
小微
  • 版权声明: 本文部分文字与图片资源来自于网络,转载此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请立即通知我们(管理员邮箱:81118366@qq.com),情况属实,我们会第一时间予以删除,并同时向您表示歉意,谢谢!
  • 转载请务必保留本文链接:https://93wg.com/4939.html