css day 2

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(); 

扫描二维码关注公众号,回复: 1927575 查看本文章

背景平铺  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;}


猜你喜欢

转载自blog.csdn.net/lbunny_/article/details/80863557