当前位置: 首页 > 网络应用技术

网络的前端,块级别元素的生产,线元素,线元素,元素显示模式转换,CSS特征继承和分层,普通导航和五颜六色的导航生产

时间:2023-03-08 10:39:55 网络应用技术

  在输出的连续摘要中,今天我分享了网络前端。CSS关于块级别元素,线元素,内部块元素,元素显示模式转换

  特征:

  代表标签:?DIV,P,H系列,UL,LI,DL,DT,DD,形式,标头,NAV,页脚......

  代码参考:

  特征:

  代表标签:

  ?a,span,b,u,i,i,s,strong,ins,em,del ......

  代码参考:

  特征:

  代表标签:

  ?a,span,b,u,i,i,s,strong,ins,em,del ......

  代码参考:

  更改元素的默认显示特性,以便元素满足布局要求

  显示:块将转换为更多的块元素。显示:内联块将转换为线路中的线元素。

  转换为块元素

  转换为行中的行元素

  转换为线路

  块 - 级别的元素通常用作大容器,可以嵌套:文本,块 - 级别元素,内部元素,in -line块元素等。

  但是:请勿嵌套div,p,h和p标签中的其他元素

  标签可以嵌套任意元素

  但是:标签不能嵌套标签

  参考代码

  1.继承子元素具有父元素样式的默认继承的特征(子遗传)

  继承常见属性(可以继承文本控制属性)

  当心:

  ?您可以通过调试工具来判断样式是否可以继承

  继承失败的特殊情况

  如果该元素具有浏览器的默认样式,则此时仍然存在继承,但是浏览器的默认样式优先级

  1.标签的颜色将继承故障?实际上,颜色属性继承了,但由浏览器默认设置的样式覆盖

  2. H系列标签的字体大小将继承故障?实际上,字体大小的属性是继承的,但是浏览器的默认设置的样式已涵盖

  2.超频特征

  当心:

  终于分享一个黄金句子:

  不要仅仅注意正式的言论并放弃实质性的思考。“高级记录” -Marco Oreli

  就是这样!交叉剖面

  原始:https://juejin.cn/post/70956684085866509