块级元素:用于搭建网页结构
特点:
1. 独占一行
2.可以设置宽高,宽度默认100%,如果有父元素的话,宽度100%相对父元素而言,没有则相对浏览器视图区而言,高度由子元素及其内容区决定(撑起来)
3.块级可以包含块级与行内元素
元素:
html、body、div、p、h1~h6、ul->li、ol->li、dl->dd/dt、header、footer、nav、article、section、aside、address...
行内元素:用于在结构中填充网页内容
特点:
1.与其他行内元素共享一行空间
2.宽高由自身决定,不可以直接设置宽高,需要可以通过display改变元素属性来设置。
3.由于不用来搭建网页结构,所以也无需通过css指定其宽度
4.行内元素中不可以嵌套块元素
元素:
span、a、img、strong、b、i、em、sub、sup...
特殊的行内、置换元素:img、input
将块级元素转换成行内元素:display:inline;
将行内元素转换成块级元素:display:block
总结:第一次写博客,希望对大家有帮助,有不对的地方欢迎在评论区给我宝贵的意见与建议。