sanlyShi的前端之路二:行内(内联)、块级元素

本文详细介绍了HTML中常用的行内元素和块级元素,并探讨了它们的特点及如何使用这些元素来构建网页布局。同时,文章还讲解了文档流的概念以及浮动层如何影响页面布局。

常用行内元素:a    b(粗体)    big(大字体)    br     em(强调)  

                         i(斜体)    img    input     label     

                        span(常用内敛元素容器,定义文本内区块)  

                        sub  sup    textarea    u(下划线)

行内元素特点:width为自身内容宽度   

                        可以设置line-height改变高度    

                        只能设置左右的margin和padding ,上下不可调;

                        宽高不可调;不会以新行开始



常用块级元素:address   p   table  div   canvas    audio 

                          article    header  radio   form   hr   pre    

                         dl/dd(自定义列表)    ol(有序列表)  ul(无序列表)   

块级元素特点:以新行开始,默认宽度100%


文档流:从左到右,从上到下,遇块换行

浮动层:添加float属性,脱离文档流,紧贴父元素进行左右浮动,浏览器宽度够长,左右加入,不够,另起一行;若重叠,则浮动层居上

              成为浮动元素后,拥有行内元素特性



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值