h5 + css易混淆点

html1

• href和src的区别
• href相当于引用，资源不是必须的
• src相当于引入，资源是必须的

inline, inline-block, block的区别

• inline

1、内联不会独占一行


2、设置宽高无效

• block

1、块级元素会独占一行


2、设置宽高有效

• inline-block

1、对象作为内联对象


2、对象的内容作为块对象

css的选择器

• 标签选择器
• 权值: 1
• 类选择器
  • 用“.”
  • 权值: 10
• id选择器
• 用“#”
• 权值: 100
• 并列选择器

标签选择器,类选择器
注意：这里的逗号

• 复合选择器

标签选择器和类选择器

• 后代选择器
• 伪类选择器

css常识

1> padding, margin的方向是上，右，下， 左。顺时针旋转


2> box-shadow是右，下，模糊范围，和颜色。其他shadow类推


3> 对于内联标签性质的居中，用text-align:center即可。然而对于块级标签就要用margin：0 auto


4> 对于垂直居中，要用height和line-height搭配使用