国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP
行內(nèi)元素和塊級元素的區(qū)別
whyboy站長用實(shí)例代碼講述行內(nèi)元素和塊級元素最直觀的區(qū)別,而他們還擁有很多各自的特性。我們在實(shí)習(xí)運(yùn)用中會經(jīng)常遇見問題,但是如果我們搞清楚了他們的關(guān)系和特性,問題就迎刃而解了。

以圖例來表述行內(nèi)元素和塊級元素的區(qū)別會更加直觀:

注:行內(nèi)元素會再一條直線上,是在同一行的。我是行內(nèi)元素SPAN標(biāo)簽   我是行內(nèi)元素strong標(biāo)簽

注:塊級元素各占一行。是垂直方向的!

我是塊級元素div標(biāo)簽

我是塊級元素P標(biāo)簽

如果你要將行內(nèi)元素變成塊級元素,那么就只需要在該標(biāo)簽上加上樣式 display:block; 這里已經(jīng)牽涉到了CSS內(nèi)容。塊級元素可以用樣式控制其高、寬的值。

行內(nèi)元素不可以控制寬和高,除非你想將它轉(zhuǎn)變成為塊級元素。它的寬和高,是隨標(biāo)簽里的內(nèi)容而變化。

然后whyboy站長羅列了,所有行內(nèi)元素和塊級元素標(biāo)簽,做好筆記哦!

塊級元素列表
<address> 定義地址
<caption> 定義表格標(biāo)題
<dd> 定義列表中定義條目
<div> 定義文檔中的分區(qū)或節(jié)
<dl> 定義列表
<dt> 定義列表中的項(xiàng)目
<fieldset> 定義一個框架集
<form> 創(chuàng)建 HTML 表單
<h1> 定義最大的標(biāo)題
<h2> 定義副標(biāo)題
<h3> 定義標(biāo)題
<h4> 定義標(biāo)題
<h5> 定義標(biāo)題
<h6> 定義最小的標(biāo)題
<hr> 創(chuàng)建一條水平線
<legend> 元素為 fieldset 元素定義標(biāo)題
<li> 標(biāo)簽定義列表項(xiàng)目
<noframes> 為那些不支持框架的瀏覽器顯示文本,于 frameset 元素內(nèi)部
<noscript> 定義在腳本未被執(zhí)行時的替代內(nèi)容
<ol> 定義有序列表
<ul> 定義無序列表
<p> 標(biāo)簽定義段落
<pre> 定義預(yù)格式化的文本
<table> 標(biāo)簽定義 HTML 表格
<tbody> 標(biāo)簽表格主體(正文)
<td> 表格中的標(biāo)準(zhǔn)單元格
<tfoot> 定義表格的頁腳(腳注或表注)
<th> 定義表頭單元格
<thead> 標(biāo)簽定義表格的表頭
<tr> 定義表格中的行
行內(nèi)元素列表
<a> 標(biāo)簽可定義錨
<abbr> 表示一個縮寫形式
<acronym> 定義只取首字母縮寫
<b> 字體加粗
<bdo> 可覆蓋默認(rèn)的文本方向
<big> 大號字體加粗
<br> 換行
<cite> 引用進(jìn)行定義
<code> 定義計算機(jī)代碼文本
<dfn> 定義一個定義項(xiàng)目
<em> 定義為強(qiáng)調(diào)的內(nèi)容
<i> 斜體文本效果
<img> 向網(wǎng)頁中嵌入一幅圖像
<input> 輸入框
<kbd> 定義鍵盤文本
<label> 標(biāo)簽為 input 元素定義標(biāo)注(標(biāo)記)
<q> 定義短的引用
<samp> 定義樣本文本
<select> 創(chuàng)建單選或多選菜單
<small> 呈現(xiàn)小號字體效果
<span> 組合文檔中的行內(nèi)元素
<strong> 語氣更強(qiáng)的強(qiáng)調(diào)的內(nèi)容
<sub> 定義下標(biāo)文本
<sup> 定義上標(biāo)文本
<textarea> 多行的文本輸入控件
<tt> 打字機(jī)或者等寬的文本效果
<var> 定義變量
可變元素素列表--可變元素為根據(jù)上下文語境決定該元素為塊元素或者內(nèi)聯(lián)元素
<button> 按鈕
<del> 定義文檔中已被刪除的文本
<iframe> 創(chuàng)建包含另外一個文檔的內(nèi)聯(lián)框架(即行內(nèi)框架)
<ins> 標(biāo)簽定義已經(jīng)被插入文檔中的文本
<map> 客戶端圖像映射(即熱區(qū))
<object> object對象
<script> 客戶端腳本
因?yàn)橹挥袎K元素才會有物理屬性,在css世界里邊,有三種形態(tài)的東西,
1. 塊元素。 特性:有物理屬性,width,height寫值起作用,而且要占據(jù)一行。
2. 內(nèi)聯(lián)元素。 特性:沒有物理屬性。但是margin,padding值有用。不占據(jù)一行,后邊可以有兄弟元素。
3. 即是塊又是內(nèi)聯(lián),根據(jù)兄弟元素決定。
為什么是float之后才會有物理屬性,這就是塊與內(nèi)聯(lián)元素相互轉(zhuǎn)化的問題。塊元素 -> 內(nèi)聯(lián)元素: display:inline;內(nèi)聯(lián)元素 -> 塊元素: display:block;float就是隱性的把內(nèi)聯(lián)元素轉(zhuǎn)化為塊元素,這是對內(nèi)部的特性就是有物理特性,但是他不占據(jù)一行。對外是內(nèi)聯(lián)元素的屬性。他有個壞處就是會影響兄弟元素。相當(dāng)于:display:inline-block;
本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點(diǎn)擊舉報。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
HTML中c字母打頭的標(biāo)簽大全
HTML5 注譯、標(biāo)簽
html標(biāo)簽表,供大家參考
HTML教程(看完這篇就夠了)
HTML 參考手冊
HTML 4.01 / XHTML 1.0 參考手冊
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服