CSS和CSS选择器总结
来源:互联网 发布:it编程是什么专业 编辑:程序博客网 时间:2024/05/21 07:49
CSS和CSS选择器总结
CSS:层叠样式表,是用来设置html标签的一些属性如:宽高 边框 内外边距 背景等等,从而根据属性设定,显示特定的效果
对于标签而言不使用css来控制自己的属性,也是行的。但是使用css来控制html标签的属性的好处在于,将属性与html标签本身拆分开,代码结构更加的清晰,修改维护更加的方便。其次将内容与表现分离开来,使得html标签像xml标签一样变得纯粹。
既然css是用来设置标签的属性,那么css首先就得有一套查找标签定位标签的方法,在css中这种方法就是选择器。
下面就介绍6中最为常用的CSS选择器
1.通配符选择器
*{ } 选择所有的标签
2.元素选择器:选择指定的标签名的所有同类标签
h1{color:red} 选择所有的h1标签
3.类选择器:选择指定类名的所有标签
.footer{color:red} 选择标签中,class=footer的所有标签
4.id选择器:选择指定id的唯一标签
#footer{color:red} 选择id=footer的唯一标签
5.群组选择器:选择多个类型的标签,不同类型标签选择器用逗号隔开。
p,.footer{color:red} 选择所有的p标签和class=footer的标签
6.派生选择器:也成为父子选择器,标签的嵌套位置选择子标签。
div h1{color:red} 选择div标签内的h1标签
- CSS和CSS选择器总结
- css选择器总结和三大特性
- CSS选择器总结
- CSS 中的选择器总结
- css中选择器总结
- CSS选择器总结
- CSS选择器详细总结
- CSS选择器总结
- CSS选择器总结
- css选择器学习总结
- Css 选择器总结
- CSS,CSS3选择器总结
- CSS选择器 总结
- css选择器总结
- CSS选择器总结
- css选择器总结
- CSS选择器总结
- css选择器总结
- 也许微信正在将场景化应用带到你的身边
- PAT 1072. Gas Station
- [python官方文档]10&11标准库概述(附generator介绍
- android studio 中使用 OSC Git
- Leetcode||6. ZigZag Conversion
- CSS和CSS选择器总结
- request.getScheme()
- UltraEdit快捷键F3“失效”问题解决办法
- 27SharedSdk(第三方分享)
- SIP的REG,UNREG和INVITE
- matlab中的数组与矩阵
- samba设置用户自己修改密码
- Java基础学习笔记
- CUDA之PTX优化原理