1、注意点
p h1(文字性元素)里面不能放块级标签 a(链接)里面不放链接可以放块级元素
2、 行高的测量
默认行高16px 行高等于高度文字垂直居中 行高大于高度文字偏下
3、css特性
层叠性 出现冲突,以最后样式为准,就近原则,不冲突不层叠
继承性 子标签会继承父标签的某些样式(文本相关)
优先性 !important(无穷大,一般不使用)>行内样式表权重(1,0,0,0)>ID选择器权重(0,1,0,0)>类选择器权重 (0,0,1,0)>标签选择器权重(0,0,0,1)>*或者继承的权重(0,0,0,0)
权重相同则就近原则 权重会叠加 没有进制
4、css背景
背景颜色 background-color: pink; 背景图片 background-image: url();
背景平铺 background-repeat: no-repeat/repeat-x/repeat-y;
背景位置 background-position:( x y ;)左left 右right 上top 下bottom 中间center
方位名词可以没有顺序
如果只写一个方位名词,另外一个默认居中
position后面可以跟值,必须有顺序,x在前面,y在后面
背景滚动还是固定 background-attachment:scroll(滚动)/fixed(固定)
连写 background: 颜色 url() repeat fixed center top;
5、css3背景透明
盒子背景半透明 background: rgba(0,0,0,0-1);/*red green blue alpha 0-1*/
6、盒子边框
边框粗细 border-width: px; 边框颜色border-color: 颜色;
边框样式 border-style:(没有)none/(实线)solid/(虚线)dashed/(点线)dotted ;
连写 border: 1px solid red;四边宽度 四边样式 四边颜色
7、表格细线边框
合并相邻边框border-collapse: collapse;
8、内边距
padding-top padding-bottom padding-left padding-right
padding: apx(上下左右内边距);
padding: apx(上下) bpx(左右);
padding: apx(上) bpx(左右)cpx(下);
padding: apx(上) bpx(右)cpx(下)dpx(左);顺时针
盒子宽度=width+padding-left+padding-right+border-left+border-right)
取消li前面的小点 li { list-style: none;}