行內、塊狀元素區別：前端
1.行內元素與塊級函數能夠相互轉換，經過修改display屬性值來切換塊級元素和行內元素，行內元素display：inline，塊級元素display：block。瀏覽器
2.行內元素和其餘行內元素都會在一條水平線上排列，都是在同一行的;塊級元素卻老是會在新的一行開始排列，各個塊級元素獨佔一行，垂直向下排列，若想使其水平方向排序，可以使用左右浮動(float：left/right)讓其水平方向排列。前端工程師
3.行內元素不能夠設置寬高，寬度高度隨文本內容的變化而變化，可是能夠設置行高(line-height)，同時在設置外邊距margin上下無效，左右有效，內填充padding上下無效，左右有效;塊級元素能夠設置寬高，而且寬度高度以及外邊距，內填充均可隨意控制。框架
4.塊級元素能夠包含行內元素和塊級元素，還能夠容納內聯元素和其餘元素;行內元素不能包含塊級元素，只能容納文本或者其餘行內元素。函數
爲了幫助你們讓學習變得輕鬆、高效，給你們免費分享一大批資料，幫助你們在成爲前端工程師，乃至全棧工程師的路上披荊斬棘。在這裏給你們推薦一個前端全棧學習圈：784783012 歡迎你們進羣,共同進步。學習
當真正開始學習的時候不免不知道從哪入手，致使效率低下影響繼續學習的信心。字體
但最重要的是不知道哪些技術須要重點掌握，學習時頻繁踩坑，最終浪費大量時間，因此有效資源仍是頗有必要的。spa
行內、塊狀元素code
特色orm
在標準文檔流裏面，塊級元素具備如下特色：
①老是在新行上開始，佔據一整行;
②高度，行高以及外邊距和內邊距均可控制;
③寬帶始終是與瀏覽器寬度同樣，與內容無關;
④它能夠容納內聯元素和其餘塊元素。
行內元素的特色：
①和其餘元素都在一行上;
②高，行高及外邊距和內邊距部分可改變;
③寬度只與內容有關;
④行內元素只能容納文本或者其餘行內元素。
不能夠設置寬高，其寬度隨着內容增長，高度隨字體大小而改變，內聯元素能夠設置外邊界，可是外邊界不對上下起做用，只能對左右起做用，也能夠設置內邊界，可是內邊界在ie6中不對上下起做用，只能對左右起做用
塊級元素有哪些?
address 定義地址
caption 定義表格標題
dd 定義列表中定義條目
div 定義文檔中的分區或節
dl 定義列表
dt 定義列表中的項目
fieldset 定義一個框架集
form 建立 HTML 表單
h1 定義最大的標題
h2 定義副標題
h3 定義標題
h4>定義標題
h5定義標題
h6定義最小的標題
hr 建立一條水平線
legend 元素爲 fieldset 元素定義標題
li 標籤訂義列表項目
noframes 爲那些不支持框架的瀏覽器顯示文本，於 frameset 元素內部
noscript 定義在腳本未被執行時的替代內容
ol 定義有序列表
ul 定義無序列表
p 標籤訂義段落
pre 定義預格式化的文本
table 標籤訂義 HTML 表格
tbody 標籤表格主體(正文)
td 表格中的標準單元格
tfoot 定義表格的頁腳(腳註或表注)
th 定義表頭單元格
thead 標籤訂義表格的表頭
tr 定義表格中的行
行內元素
有哪些?
a 標籤可定義錨
abbr 表示一個縮寫形式
acronym 定義只取首字母縮寫
b 字體加粗
bdo 可覆蓋默認的文本方向
big 大號字體加粗
br 換行無錫包皮醫院 http://mobile.xasgnk120.com/
cite 引用進行定義
code 定義計算機代碼文本
dfn 定義一個定義項目
em 定義爲強調的內容
i 斜體文本效果
img 向網頁中嵌入一幅圖像
input 輸入框
kbd 定義鍵盤文本
label 標籤爲 input 元素定義標註(標記)
q 定義短的引用
samp 定義樣本文本
select 建立單選或多選菜單
small>呈現小號字體效果
span 組合文檔中的行內元素
strong 語氣更強的強調的內容
sub 定義下標文本
sup>定義上標文本
textarea 多行的文本輸入控件
tt 打字機或者等寬的文本效果
var 定義變量
可變元素
可變元素爲根據上下文語境決定該元素爲塊元素或者內聯元素
button 按鈕
del 定義文檔中已被刪除的文本
iframe 建立包含另一個文檔的內聯框架(即行內框架)
ins 標籤訂義已經被插入文檔中的文本
map 客戶端圖像映射(即熱區)
object object對象
注意：塊級元素能夠包含行內元素和塊級元素。行內元素不能包含塊級元素。