整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML行級別標簽與塊級標簽分別有哪些

          過最新的HTML5先來說HTML。

          行級標簽與塊級標簽轉換用到的css

          display : block(塊級) inline(行級) inline-block(行塊級)

          文采不夠飛揚,直接進入主題。

          塊級標簽:

          1. div 在布局當中最常用,可定義文檔中的分區或節。

          2. h1~h6 定義標題

          3. ul(無序列表) ol(有序列表) dl(定義列表 dt dd)

          4. form 發送數據交互請求

          5. p 定義段落

          6. table 表單

          7. br 換行

          8. hr 水平分隔符

          行級標簽:

          1. span 可以用來改變段落里面的樣式

          2. a 超鏈接

          3. button 按鈕

          4. select 下拉框

          5. strong 強調文本,可以加粗字體

          6. input type類型包含文本框、密碼卡、單選框、多選框、等等可以自行百度

          7. i 字體傾斜效果

          8. b 字體加粗效果

          9. s 字體中劃線

          10. textarea 文本輸入控件

          歡迎大家補充!

          、塊級標簽

          級元素:div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table

          行內元素:span, strong, em, br, img , input, label, select, textarea, cite,

          內聯元素(inline element)a - 超鏈接

          b - 粗體(不推薦)br - 換行

          em - 強調

          font - 字體設定(不推薦)

          i - 斜體

          img - 圖片

          input - 輸入框

          label - 表格標簽

          select - 選擇框

          small - 小字體文本

          span - 常用內聯容器,定義文本內區塊

          strong - 粗體強調

          sub - 下標

          sup - 上標

          textarea - 多行文本輸入框

          塊元素(block element)* blockquote - 塊引用

          * center - 居中

          * div - 常用塊級容易,也是css layout的主要標簽

          * dl - 定義列表

          * form - 交互表單

          * h1 - 大標題

          * h2 - 副標題

          * h3 - 3級標題

          * h4 - 4級標題

          * h5 - 5級標題

          * h6 - 6級標題

          * hr - 水平分隔線

          * ol - 排序表單

          * p - 段落

          * pre - 格式化文本

          * table - 表格

          * ul - 無序列表

          塊級元素和行內元素的區別:

          1)塊級元素會獨占一行,其寬度自動填滿其父元素寬度

          行內元素不會獨占一行,相鄰的行內元素會排列在同一行里,知道一行排不下,才會換行,其寬度隨元素的內容 而變化

          2) 塊級元素可以設置 width, height屬性,行內元素設置width, height無效

          3) 塊級元素可以設置margin 和 padding. 行內元素的水平方向的padding-left,padding-right,margin-left,margin-right 都產生邊距效果,但是豎直方向的padding-top,padding-bottom,margin-top,margin-bottom都不會產生邊距效果。

          文章自留地:

          成笑笑博客_一個.Net和安卓技術狂愛者博客。

          主要以發布和分享.Net和安卓文章為主,爭做全棧開發工程師,愛學習,愛挑戰,愛編程。用技術改變生活。

          歡迎關注,微信公眾號:net知識分享(net4k8k)[做個12k的技術員].博客網址:www.chengxiaoxiao.com.

          歡迎加入qq技術交流群:538742639.


          主站蜘蛛池模板: 国产拳头交一区二区| 亚洲性无码一区二区三区| 色妞AV永久一区二区国产AV| 国产一区二区三区亚洲综合| 日韩免费一区二区三区| 国产成人精品亚洲一区| 精品一区二区三区免费视频| 日本高清不卡一区| 51视频国产精品一区二区| 精品免费国产一区二区三区| 一区二区三区内射美女毛片| 超清无码一区二区三区| 无码人妻AV免费一区二区三区| 国产香蕉一区二区在线网站| 国产拳头交一区二区| 性无码一区二区三区在线观看| 国产成人亚洲综合一区| 国产精品无码不卡一区二区三区 | 国产精品熟女一区二区| 亚洲一区二区三区在线| 免费国产在线精品一区| 亚洲av无码一区二区三区乱子伦| 亚洲变态另类一区二区三区| 亚洲一区精品伊人久久伊人| 亚洲av乱码一区二区三区香蕉| 福利一区二区在线| 精品成人乱色一区二区| 国产精品毛片a∨一区二区三区| 国产吧一区在线视频| 成人午夜视频精品一区| 一色一伦一区二区三区| 国产一区二区精品尤物| 大帝AV在线一区二区三区| 国产一区二区内射最近更新| 日韩久久精品一区二区三区| 无码人妻一区二区三区免费n鬼沢| 国产一区二区三区露脸| AV鲁丝一区鲁丝二区鲁丝三区| 日韩人妻无码一区二区三区 | 久久4k岛国高清一区二区| 国产一区二区三区在线电影|