block:对象呈现为块状元素
inline:对象呈现为行间元素
inline-block:对象呈现为行间-块状元素“实现同在一行中的行间元素能使用盒模型”
none:对象呈现为"无",实现元素在页面中“消失”
block,inline为了便于使用css盒模型属性
实现html块状元素和行间元素的互换
html标签都有自己默认的display设置:
1.块状元素:display:block(默认值)
2.行间元素:display:inline(默认值)
display的实际应用:
目的:让行间元素能适应盒模型属性
任务:创建一个按钮样式的超级链接
实现思路:<a>:display:block
构建网页布局的思路及步骤:
1.使用盒模型思维进行页面或板块分析
2.html-使用符合布局语义的标签进行结构化
3.css控制变迁的尺寸和定位
扫描二维码关注公众号,回复:
150744 查看本文章