CSS (一)
2015-08-13 23:22
471 查看
一、选择器
1、元素选择器:p { }
2、类选择器: .class { }
3、id选择器: # id { }
4、包含选择器: div p { }
5、通配符选择器: * { }
6、伪类选择器: a:link
7、伪元素选择器:first - line
注:这些选择器的优先级是从小到大排列的
二、样式的继承
1、不被继承的有:margin、padding、border、background
2、会被继承的有:font-size只有计算值被继承
例:<p style = "font - size : 40px ; ">哈哈</p>
<p style = "font - size : 80 % ; ">哈哈</p> 此时的80%是上面40px的80%
<p style = "font - size : 90% ; ">哈哈</p> 此时的90%是上面80%的90%
三、常见的块级元素(它定义的文本会自动换行)
div、blockquote、列表元素、filedset、form、h1 - h6、hr、p、pre、table
四、常见的内嵌元素(它定义的文本不会自动换行)
span、a、img、lable、所有表单输入元素、iframe、object
1、元素选择器:p { }
2、类选择器: .class { }
3、id选择器: # id { }
4、包含选择器: div p { }
5、通配符选择器: * { }
6、伪类选择器: a:link
7、伪元素选择器:first - line
注:这些选择器的优先级是从小到大排列的
二、样式的继承
1、不被继承的有:margin、padding、border、background
2、会被继承的有:font-size只有计算值被继承
例:<p style = "font - size : 40px ; ">哈哈</p>
<p style = "font - size : 80 % ; ">哈哈</p> 此时的80%是上面40px的80%
<p style = "font - size : 90% ; ">哈哈</p> 此时的90%是上面80%的90%
三、常见的块级元素(它定义的文本会自动换行)
div、blockquote、列表元素、filedset、form、h1 - h6、hr、p、pre、table
四、常见的内嵌元素(它定义的文本不会自动换行)
span、a、img、lable、所有表单输入元素、iframe、object
相关文章推荐
- 小tip:中文英文左右padding一致两端对齐实现
- CSS学习总结
- HTML&CSS
- css初始样式设置
- html与css经典二级菜单编写2
- 阿里云ECSserver部署django
- html与css经典二级菜单编写1
- CSS中的font-size属性使用教程
- 转:关于垂直网格与CSS基线对其的探讨
- 30-CSS-12-CSS(CSS的布局-图像签名)
- 30-CSS-10-CSS(CSS的布局-定位)
- 30-CSS-11-CSS(CSS的布局-图文混排)
- 30-CSS-09-CSS(CSS的布局-漂浮)
- 30-CSS-08-CSS(CSS的盒子模型)
- 30-CSS-07-CSS(CSS样式的结合应用)
- 30-CSS-06-CSS(伪元素选择器_2)
- 30-CSS-05-CSS(伪元素选择器_1)
- 30-CSS-04-CSS(关联选择器&组合选择器)
- CSS related
- Button模板,样式