重要:
行内元素中只能容纳文本或其他的行内元素 a 标签例外
文字类型的块标签, 不要放其他块元素 如 P H1
CSS 规范:
.demo {} 空格
font-size: 12px; 空格
.a1, .a2, .a3 {} 空格
后代选择器或子代选择器最好不要超过三层
文字分为 顶线 中线 基线 底线
CSS 特性:
层叠行: 若冲突, 按照最后的为准
CSS 权重 (重要):
标签 0.0.0.1 类选择器 0.0.1.0 id 选择器 0.1.0.0
内联样式 1.0.0.0 !important 无穷大
比标签类型的权重, 按照每个位去比, 同类标签可以叠加, 但是遇到继承后, 有直接定义的单个标签, 那么继承的权重为 0
CSS 继承:
虽然是继承, 但是如果制定了相应的元素, 那么继承的元素依然为 0
CSS 背景:
- background-color:;
- background-image:url;
background-repeat:no-repeat 或 repeat-x 或 -y; 重复背景
background-position: 5px 10px; 第一个参数水平, 第二个参数垂直
background-attachment:fixed; 图片滚动变成固定;
简写: background:#000 url("/images/1.jpg") no-repeat fixed 水平 center 垂直 top;
透明: rgba(23,23,5,0.2)
CSS 盒子:
border-style:solid none dashed; 线条类型
表格单元格边框合并: 更细
- border-collapse:collapse;
- padding:
盒子由内往外撑开, 依然属于盒子之内, 边框之内
简写 padding 10px ;
padding 1px 2px 3px 4px; 上, 右, 下, 左
一个参数: padding: 10px; 全部
二个参数: padding: 10px 20px; 上下 10 左右 20
三个参数: padding: 10px 20px 30px; 上 10 左右 20 下 10
四个参数: padding:10px 20px 30px 40px; 上 右 下 佐
UL>LI 取消小点:
list-style:none;
来源: http://www.bubuko.com/infodetail-2759346.html