css基本选择器有哪些

这篇文章主要为大家展示了“css基本选择器有哪些”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“css基本选择器有哪些”这篇文章吧。
　　CSS基本选择器（对指定的标签设置样式，要把指定的标签选择出来）：元素选择器、类选择器、id选择器、组合选择器、通用选择器
　　1. 元素选择器（类型选择器或标记选择器）：声明哪些元素采用css样式
　　2. 类选择器（class）：应用样式而不考虑具体设计的元素，为了将类选择器的样式与元素进行关联，必须将元素中的class属性指定一个适当的值。
　　class 选择器在HTML中以class属性表示， 在 CSS 中，类选择器以一个点”.”号显示。也可以指定特定的HTML元素使用class。
　　在HTML中，一个class属性还可能包含多个属性值，各个值之间用空格分隔，表示将多类应用到同一个标记中。可以使用多次，表示类别。
　　Document
　　p.special{
　　color: red;
　　}
　　3. id选择器（id）：
　　id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。
　　HTML元素以id属性来设置id选择器，CSS 中 id 选择器以 “#” 来定义。
　　不同与类选择器，id选择器不能组合使用，不容许有空格分隔的多个值，仅仅使用一次。
　　#red {color:red;}
　　这个段落是红色。
　　4.组合选择器：
　　多个选择器（元素选择器、类选择器、id选择器等）通过逗号连接。
　　样式一样的可以进行组合。
　　html5语义化
　　header, section, footer, aside, nav, article, figure
　　{
　　display: block;
　　}
　　nav,header,p,article{
　　width: 1200px;
　　margin:0 auto;
　　}
　　ul{
　　height:40px;
　　background-color: #fff;
　　list-style: none;
　　display: inline-block;
　　width: 1200px;
　　padding: 0px;
　　}
　　li{
　　line-height: 40px;
　　text-align: center;
　　float: left;
　　width: 400px;
　　margin:0 auto;
　　}
　　li:hover{
　　background: pink;
　　}
　　a{
　　text-decoration: none;
　　}
　　。post{
　　border:1px dashed #000;
　　padding: 0 0 20px 20px;
　　margin-bottom: 40px;
　　padding-top: 10px;
　　background-color: #fff;
　　}
　　#content{
　　border:1px solid #ccc;
　　padding:30px 40px;
　　background-color: rgb（247,244,255）;
　　margin-top: 20px;
　　}
　　页面导航
　　查看相关内容返回首页返回本页
　　作者，初级码农
　　培训的，大概培训了半年，js、jquery、bootstrap、angular、vue、Ajax、数据库、php、面向对象、Web服务器、移动端
　　我觉得还行
　　作者：Amy
　　工作机会还多的，php是轻量级网站开发最好的选择
　　不错了
　　作者：键盘侠
　　学历本科、信息专业、会这么多，不会找不到的，对自己有信心一点
　　我的帖子我做主
　　关于楼主
　　用户组：菜鸟初级
　　阅读量：20
　　发表时间：2020-03-18
　　my logo
　　5.?通用选择器：？星号（*）
　　该选择器可以与任何元素进行匹配，可以对文档中的所有元素设定属性和属性值。
　　div布局
　　*{margin: 0;
　　padding: 0;
　　border: 0;
　　}
　　#header{
　　width: 100%;
　　height: 80px;
　　line-height: 80px;
　　background-color: rgb（255,165,0）;
　　}
　　#main{
　　height:200px;
　　}
　　#menu{
　　float: left;
　　height:200px;
　　width: 10%;
　　background-color: yellow;
　　}
　　menu{
　　height: 200px;
　　}
　　b{
　　display: inline-block;
　　margin-top: 10px;
　　font-size: 18px;
　　margin-left: 5px;
　　}
　　ul{
　　margin-left: 46px;
　　list-style: none;
　　margin-top: 10px;
　　}
　　ul li{
　　line-height: 40px;
　　}
　　#content{
　　float: left;
　　height:200px;
　　background-color: pink;
　　width: 90%;
　　}
　　#content p{
　　text-align: center;
　　line-height: 200px;
　　}
　　#footer{
　　background-color: gray;免费云主机域名
　　height:80px;
　　line-height: 80px;
　　text-align: center;
　　}以上是“css基本选择器有哪些”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注百云主机行业资讯频道！

相关推荐: mybatisplus复合主键CRUD的示例分析

这篇文章主要介绍了mybatisplus复合主键CRUD的示例分析，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。最近接到个挺有意思的需求，做用户观看学习视频时长的一个数据埋点储存用户观看视频时免…