Css选择器
选择器 {
属性:值;
属性:值;
}
选择器分类:
选择器 {
属性:值;
属性:值;
}
(1)标签选择器:
注意:标签名必须是HTML中的标签。
(2)类选择器
通用命名规范介绍:
头 | header |
内容 | content、container |
尾 | footer |
导航 | nav |
侧栏 | Column |
页面外围控制整体布局宽度 | Wrapper |
左右中 | Left\right\center |
登录条 | loginbar |
标志 | Logo |
广告 | Banner |
页面主题 | Main |
热点 | Hot |
新闻 | News |
下载 | Download |
子导航 | Subnav |
菜单 | Menu |
子菜单 | Submenu |
搜索 | Search |
友情链接 | Friendlink |
页脚 | Footer |
版权 | Copyright |
滚动 | Scroll |
内容 | Content |
(3)Id选择器
注意:标签选择器唯一,一个标签只能有一个id号。
(4)通配符选择器
以上为基础选择器,下面为复合选择器。
(5)标签指定式选择器
既……..又……..关系
(6)后代选择器
标签之间属于嵌套关系、
选择器之间必须留有空格!
(7)并集选择器
不存在嵌套关系,无论藏的有多深,都能够被找到。
总结:
选择器在CSS中所占的分量是十分重的,它在后期的js中也会有所涉及,并且和JS的选择器有异曲同工之妙。为后期的学习打下了很好的基础。