Web前端第二章(清华 2019.2.17)

横向改为纵向:display:inline-block
float
应用:导航栏,底部信息

inline-block:兼具两种特性
None:隐藏
推荐样式表第一条规则:*{magin:0;padding:0;}

外边距(padding):叠加的只是垂直外边距,水平外边距不叠加
Tip:左右使用像素,上下用em(让段间距随着字体变化而变化)

新特性:box-sizing

居中方法:line-height设置为元素的高度
text-align:center

背景叠加:简写 逗号隔开 先列出的在上方

Font简写:
1. 必须声明font-size,font-family的值
2. 声明顺序:
font-weight,font-style,font-variant不分先后
然后font-size
最后font-family

Text-indent:
左缩进的时候,应留出一定的空间magin-left
在设定缩进和外边距的时候要使用em

你可能感兴趣的:(章末总结)