2019-08-02

1.塊級元素有哪些膘融?行級元素有哪些?塊級元素和行級元素有哪些區(qū)別溉知?
塊級元素  
address - 地址
  blockquote - 塊引用
  center - 舉中對齊塊
  dir - 目錄列表
  div - 常用塊級容易猖腕,也是css layout的主要標簽
  dl - 定義列表
   fieldset - form控制組
   form - 交互表單
   h1 - 大標題
   h2 - 副標題
   h3 - 3級標題
   h4 - 4級標題
   h5 - 5級標題
  h6 - 6級標題
   hr - 水平分隔線
   isindex - input prompt
   menu - 菜單列表
   noframes - frames可選內(nèi)容饿幅,(對于不支持frame的瀏覽器顯示此區(qū)塊內(nèi)容
   noscript - 可選腳本內(nèi)容(對于不支持script的瀏覽器顯示此內(nèi)容)
  ol - 排序表單
   p - 段落
   pre - 格式化文本
  
table - 表格
  ul - 非排序列表
  <caption>定義表格標題
  <dd>定義列表中定義條目
  <dt>定義列表中的項目
  <fieldset>定義一個框架集
  <form>創(chuàng)建 HTML 表單
  <legend>元素為
  <li>標簽定義列表項目
  <ol>定義有序列表
  <ul>定義無序列表
  <tbody>標簽表格主體(正文)
  <td>表格中的標準單元格
  <tfoot>定義表格的頁腳(腳注或表注)
  <th>定義表頭單元格
  <thead>標簽定義表格的表頭
  <tr>定義表格中的行
行內(nèi)元素
 
a - 錨點
  * abbr - 縮寫
  * acronym - 首字
  * b - 粗體(不推薦)
  * bdo - bidi override
  * big - 大字體
  * br - 換行
  * cite - 引用
  * code - 計算機代碼(在引用源碼的時候需要)
  * dfn - 定義字段
  * em - 強調(diào)
  * font - 字體設(shè)定(不推薦)
  * i - 斜體
  * img - 圖片
  * input - 輸入框
  * kbd - 定義鍵盤文本
  * label - 表格標簽
  * q - 短引用
  * s - 中劃線(不推薦)
  * samp - 定義范例計算機代碼
  * select - 項目選擇
  * small - 小字體文本
  * span - 常用內(nèi)聯(lián)容器险领,定義文本內(nèi)區(qū)塊
  * strike - 中劃線
  * strong - 粗體強調(diào)
  * sub - 下標
  * sup - 上標
  * textarea - 多行文本輸入框
  * tt - 電傳文本
  * u - 下劃線
  * var - 定義變量
可變元素
可變元素為根據(jù)上下文語境決定該元素為塊元素或者內(nèi)聯(lián)元素侨舆。
  * applet - java applet
  * button - 按鈕
  * del - 刪除文本
  * iframe - inline frame
  * ins - 插入的文本
  * map - 圖片區(qū)塊(map)
  * object - object對象
  * script - 客戶端腳本
行內(nèi)秒紧、塊狀元素區(qū)別:

(1).塊級元素會獨占一行绢陌,其寬度自動填滿其父元素寬度
行內(nèi)元素不會獨占一行,相鄰的行內(nèi)元素會排列在同一行里熔恢,知道一行排不下脐湾,才會換行,其寬度隨元素的內(nèi)容而變化
(2). 一般情況下叙淌,塊級元素可以設(shè)置 width, height屬性秤掌,行內(nèi)元素設(shè)置width, height無效
(注意:塊級元素即使設(shè)置了寬度,仍然是獨占一行的)
(3).塊級元素可以設(shè)置margin 和 padding. 行內(nèi)元素的水平方向的padding-left,padding-right,margin-left,margin-right 都產(chǎn)生邊距效果鹰霍,但是豎直方向的padding-top,padding-bottom,margin-top,margin-bottom都不會產(chǎn)生邊距效果闻鉴。(水平方向有效,豎直方向無效)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末茂洒,一起剝皮案震驚了整個濱河市孟岛,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖渠羞,帶你破解...
    沈念sama閱讀 211,376評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件斤贰,死亡現(xiàn)場離奇詭異,居然都是意外死亡次询,警方通過查閱死者的電腦和手機荧恍,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,126評論 2 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來屯吊,“玉大人送巡,你說我怎么就攤上這事『行叮” “怎么了授艰?”我有些...
    開封第一講書人閱讀 156,966評論 0 347
  • 文/不壞的土叔 我叫張陵,是天一觀的道長世落。 經(jīng)常有香客問我淮腾,道長,這世上最難降的妖魔是什么屉佳? 我笑而不...
    開封第一講書人閱讀 56,432評論 1 283
  • 正文 為了忘掉前任谷朝,我火速辦了婚禮,結(jié)果婚禮上武花,老公的妹妹穿的比我還像新娘圆凰。我一直安慰自己,他們只是感情好体箕,可當我...
    茶點故事閱讀 65,519評論 6 385
  • 文/花漫 我一把揭開白布专钉。 她就那樣靜靜地躺著,像睡著了一般累铅。 火紅的嫁衣襯著肌膚如雪跃须。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,792評論 1 290
  • 那天娃兽,我揣著相機與錄音菇民,去河邊找鬼。 笑死投储,一個胖子當著我的面吹牛第练,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播玛荞,決...
    沈念sama閱讀 38,933評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼娇掏,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了勋眯?” 一聲冷哼從身側(cè)響起婴梧,我...
    開封第一講書人閱讀 37,701評論 0 266
  • 序言:老撾萬榮一對情侶失蹤壁涎,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后志秃,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體怔球,經(jīng)...
    沈念sama閱讀 44,143評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,488評論 2 327
  • 正文 我和宋清朗相戀三年浮还,在試婚紗的時候發(fā)現(xiàn)自己被綠了竟坛。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,626評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡钧舌,死狀恐怖担汤,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情洼冻,我是刑警寧澤崭歧,帶...
    沈念sama閱讀 34,292評論 4 329
  • 正文 年R本政府宣布,位于F島的核電站撞牢,受9級特大地震影響率碾,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜屋彪,卻給世界環(huán)境...
    茶點故事閱讀 39,896評論 3 313
  • 文/蒙蒙 一所宰、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧畜挥,春花似錦仔粥、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,742評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至华糖,卻和暖如春麦向,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背缅阳。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評論 1 265
  • 我被黑心中介騙來泰國打工磕蛇, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人十办。 一個月前我還...
    沈念sama閱讀 46,324評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像超棺,于是被迫代替她去往敵國和親向族。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,494評論 2 348

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案棠绘? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽?zāi)J的外補...
    _Yfling閱讀 13,737評論 1 92
  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁的形式展示給用戶的件相,因此網(wǎng)頁是網(wǎng)絡(luò)信息傳遞的載體再扭。網(wǎng)頁文件是用...
    阿啊阿吖丁閱讀 3,866評論 0 0
  • ?前端面試題匯總 一、HTML和CSS 21 你做的頁面在哪些流覽器測試過夜矗?這些瀏覽器的內(nèi)核分別是什么? ...
    Simon_s閱讀 2,220評論 0 8
  • 1.塊級元素和行內(nèi)元素 塊級(block-level)元素泛范;行內(nèi)(內(nèi)聯(lián)、inline-level)元素紊撕。 塊元素的...
    饑人谷_小侯閱讀 1,991評論 1 4
  • 本課來自http://www.imooc.com/learn/9請不要用作商業(yè)用途罢荡。 HTML5 HTML介紹 H...
    PYLON閱讀 3,210評論 0 5