html_Css⾏内快元素
⼀、内联块级(⾏块元素)
取值:inline-block :
含义: 1.⾮占⼀⾏
2.包裹性:盒⼦默认会紧紧的包住内容
3、可以设置宽⾼
相关标签: image input
⼆、内联元素(⾏级元素)
取值“ inline:
含义:1.⾮独占⼀⾏;
2.包裹性:盒⼦默认会紧紧的包住内容。
3.设置宽⾼⽆效。
相关标签:a span,s(删除线),em(语句加重倾斜标签),i(倾斜), b(加粗)。
三、块级元素:
取值: block
含义:1.独占⼀⾏
2.流动性:盒⼦在⽔平上会⾃动填满其⽗元素的内容⾼度;
3.设置宽⾼有效
相关标签:ul li p h1-h6 div ol li dl dt dd
四、单标记;hr br
html ul标签五、双标记: <body></body> 等等。
注意:1.⾏内元素和⾏内块级之间回车换⾏会有1像素的缝隙,⾏级元素是放在基线上它的⽗元素包住⾏级元素的时会离基线有距离,所以会产⽣缝隙。
2.块级元素的宽度默认值时auto 不是100%;
3.⼦元素宽度设置100%表⽰宽度等于⽗元素 content区域的宽度。
4.尽量不要去设置宽度值,如果确实需要设置width,尽量设置为百分⽐
这样有弹性;如果确实设置⼀个具体值,那就设置。
5.宽度width指定后,注意⼀下问题:内外边剧。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论