前端学习

1、元素-网页右键-检查：可以直接定位到元素的样式

2、CSS3 盒子大小不受padding和border影响，内减模式

box-sizing: border-box;

 

 3、DIV版心居中

margin:0 auto

 

4、去掉列表符号

 ul{

 list-style: none;

}

 5、设置外边距塌陷问题

父元素设置 overflow:hidden;

6、CSS书写顺序

浮动 /Display

盒子模型 margin border padding 宽度高度背景色

文字样式 

 

7、CSS引入方式

行内 style=""

内嵌 <style></style>

外联 <link rel="stylesheet" href="">

 

8、Font

font: (font-style font-weight) font-size/line-height font-family

/* font: style weight size 字体; */

/* font: italic 700 66px 宋体;

 

9、background 复合属性

background: color imgae repeat position/size