用手机做网站的流程,个人网站流量怎么赚钱,wordpress 远程调用,玖久建筑网9、CSS盒子模型
9.1 CSS常用长度单位 1、px#xff1a;像素#xff1b; 2、em#xff1a;相对元素font-size的倍数#xff1b; 3、rem#xff1a;相对根字体的大小#xff0c;html标签即是根#xff1b; 4、%#xff1a;相对于父元素进行计算。 注意#xff1a;CSS样…9、CSS盒子模型
9.1 CSS常用长度单位 1、px像素 2、em相对元素font-size的倍数 3、rem相对根字体的大小html标签即是根 4、%相对于父元素进行计算。 注意CSS样式后必须加单位否则样式会失效。 stylehtml {font-size: 50px;}/* px像素单位 */#div1 {height: 200px;width: 200px;font-size: 20px;background-color: aqua;}/* em相对于当前元素font-size的倍数,若没有font-size则在祖先元素中寻找祖先元素中都不存在则采用浏览器默认值 */#div2 {height: 10em;width: 10em;font-size: 20px;background-color: yellow;}/* rem相对于根元素html的font-size的倍数 */#div3 {height: 4rem;width: 4rem;font-size: 20px;background-color: blue;}#div4 {height: 200px;width: 200px;font-size: 20px;background-color: gray;}/* 相对其父元素的百分比 */.div5 {width: 50%;height: 20%;font-size: 150%;background-color: red;}
/style9.2 元素的显示模式 块元素 又称为块级元素 1、在页面中独占一行不会与任何元素共用一行从上到下依次排列 2、默认宽度撑满整个父元素 3、默认高度由元素撑开 4、可以通过CSS属性设置宽高。
持续更新中
相关代码地址https://gitee.com/justinc666/web/tree/master/CSS盒子模型
