179:HTML基础部分(元素分类、特性、特殊元素等) — 补充
1、盒子模型
定义:一个元素在页面中所占的位置大小,叫盒子模型。
包含的样式:即影响元素大小的样式:
width、height、margin、padding、border、content(内容)
div1没素质宽高,不显示,但其子级div2有宽高,div2撑起了div1的大小;
所以元素内容也会影响元素的大小。
180:CSS基础部分(盒模型定义、CSS引入方式、经典样式复习等)
1、复习
1、CSS的引用方式:
1、外链式
2、内嵌式
3、行内式 ---- 最高级(离元素最近)
4、import
优先级判定:就近原则,谁离元素越近,优先级越高。即,代码一行一行执行,后面的同元素的style会覆盖前面的style
2、选择器:
1、id选择器
2、class选择器
3、标签选择器
4、通配符选择器
等级:id > class > 标签 > 通配符
3、样式:
(1)margin – 外边距
margin: apx bpx cpx dpx; 上 右 下 左(顺时针)
margin: apx bpx cpx; 上 左右 下
margin: apx bpx; 上