css元素的状态转换

xiaoxiao2021-02-28  43

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控制变迁的尺寸和定位

转载请注明原文地址: https://www.6miu.com/read-2613254.html

最新回复(0)