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

来源:互联网 发布:管家婆数据库升级失败 编辑:程序博客网 时间:2024/05/16 11:25

常用行内元素: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属性,脱离文档流,紧贴父元素进行左右浮动,浏览器宽度够长,左右加入,不够,另起一行;若重叠,则浮动层居上

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



阅读全文
1 0
原创粉丝点击