標籤記錄
html標籤分為:行內標籤、塊級標籤、行內塊級標籤
行內元素
常用行內元素:span,strong, em,br,img ,input,label,select,textarea,cite
行內元素特徵:(1)設定寬高無效
(2)對margin僅設定左右方向有效,上下無效;padding設定上下左右都有效,即會撐大空間
(3)不會自動進行換行
塊狀元素
常用塊狀元素:div,p,form,ul,li ,ol, dl,form,address,fieldset,hr, menu,table
塊狀元素特徵:(1)能夠識別寬高
(2)margin和padding的上下左右均對其有效
(3)可以自動換行
(4)多個塊狀元素標籤寫在一起,預設排列方式為從上至下
塊元素: div - 常用塊級、address - 地址、blockquote - 塊引用、center - 居中對齊塊、dir - 目錄列表、dl - 定義列表、form - 表單、 h1~6 - 標題、hr - 水平分隔線、menu - 選單列表、ol - 排序表單、ul - 非排序列表、p - 段落、table - 表格
CSS display 屬性的常用值:
none // 此元素不會被顯示
block // 此元素將顯示為塊級元素,此元素前後會帶有換行符
inline // 預設。此元素會被顯示為內聯元素,元素前後沒有換行符
inline-block // 行內塊元素,既具有block的寬度高度特性又具有inline的同行特性
相關文章
- 【記錄】Git 是如何打標籤的Git
- [記錄] Git 是如何打標籤的Git
- maven中scope標籤以及exclusions 記錄Maven
- Flutter文字標籤TextTagWidget,搜尋記錄流式佈局顯示文字標籤Flutter
- HTML學習記錄(2)(HTML常用標籤)HTML
- Android原始碼學習中遇到的標籤記錄Android原始碼
- HTML標籤筆記HTML筆記
- HTML筆記 常用標籤HTML筆記
- Gitlab 實現倉庫完全遷移,包括所有提交記錄、分支、標籤Gitlab
- properties標籤和typeAliases標籤
- HTML標籤(基本標籤的使用)HTML
- VOC標籤轉化為YOLO標籤YOLO
- HTML標籤速記整理W3CHTML
- base標籤
- JSTL標籤JS
- html標籤HTML
- Git 標籤Git
- HTML <a> 標籤HTML
- 易優CMS模板標籤adv廣告列表每3條記錄輸出如下html元素HTML
- Mask Network產品Web3標籤頁新增Gitcoin捐贈記錄及POAP展示AFWWebGit
- 記錄Mybatis第二天(實現增刪改及一些標籤配置)MyBatis
- Kubernetes學習筆記(二):Pod、標籤、註解筆記
- K8S標籤與標籤選擇器K8S
- HTML簡介,結構,標籤以及標籤語義HTML
- 前端html:標籤前端HTML
- 01 HTML標籤HTML
- html排版標籤HTML
- xss常用標籤
- HTML <figcaption> 標籤HTMLGCAPT
- HTML <dialog> 標籤HTML
- HTML <time> 標籤HTML
- HTML <aside> 標籤HTMLIDE
- HTML <article> 標籤HTML
- HTML <section> 標籤HTML
- HTML <main> 標籤HTMLAI
- HTML <var> 標籤HTML
- HTML <canvas> 標籤HTMLCanvas
- 基礎標籤