css元素的状态转换

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 查看本文章

猜你喜欢

转载自blog.csdn.net/bai_guo/article/details/80170337