CSS元素

109 阅读1分钟

1.块级元素(display:block)

块级元素的特点:

例:常见的元素块有`<div>,<p >,<h1>~<h6>,<ul>,<ol>,<li>`等其中`<div>`标签就是典型的块级元素
1.独占一行(一行只显示一个)
2.宽度默认是父元素的高度,高度默认由内容撑开
3.可以设置宽高
嵌套规范注意点:
 1.p标签中不要嵌套`<div>,<p>,<h>`等块元素
 2.a标签不能嵌套`<a>`标签

2.行内元素(display:inline)

行内元素的特点:

1.一行可以显示多个
2.宽度和高度默认由内容撑开代表标签:`<a>,<span>,<b>,<u>,<i>,<s>,<strong>,<ins>,<em>,<del>`
3.不可以设置宽高

3.行内块元素(display:inline-block)

行内块元素的特点:

    1.一行可以显示多个,代表标签:<input>,<textared>,<button>,<select>
    2.可以设置宽高
    

Snipaste_2022-12-15_16-49-27.png