标签的显示模式
行显示标记
标记是从左往右排称为行显示标记特性:1、从左往右排列2、不指定高度默认高度是03、不指定宽度默认宽度是04、行显示标记不能指定宽度和高度5、转换成块显示:display:block
多学一招:如果a标记转成块显示以后,可以设定宽度和高度,但是排列变成了上下排列,如果要实现左右排列,同时设定宽度和高度,可以将显示模式设置为displayi
li
eblock
块显示标记
标记从上往下排称为块显示标记特性:1、从上往下排2、如果不指定宽度默认宽度是1003、如果不指定高度,高度是0px4、可以设置宽度和高度
拼版中所以用非常多的两个块标记
div
1、2、块显示标记跨段块标记,div中可以标题,段落,图片,文字
spa
1、2、行显示标记跨字符块标记,spa
中只能放文字
fDivCss排版优点
执行效率高。
学完divcss后思考为什么divcss执行效率高?
盒子模型
什么是盒子?只要是能存放内容的标签都是盒子。最大的盒子是HTML标记
边界margi
:盒子的外面叫边界,边界有四个,上下左右填充paddi
g:盒子的里面叫填充,填充有四个,上下左右边框border:盒子的本身有边框,边框有四个,上下左右练习
CSS例题一边框和边界
styletype