请写出至少5个html块元素标签_34道常见的HTML+CSS面试题(附答案)
公眾號(hào)【傳智播客博學(xué)谷】回復(fù)關(guān)鍵詞:前端 PS Java(100G) Python(80G) 大數(shù)據(jù) 區(qū)塊鏈 測(cè)試 PPT JS(40g+300教程) HTML 簡歷 領(lǐng)取相關(guān)學(xué)習(xí)資料!
一、HTML
1、標(biāo)簽上title屬性與alt屬性的區(qū)別是什么?
alt屬性是為了給那些不能看到你文檔中圖像的瀏覽者提供文字說明的。且長度必須少于100個(gè)英文字符或者用戶必須保證替換文字盡可能的短。
這包括那些使用本來就不支持圖像顯示或者圖像顯示被關(guān)閉的瀏覽器的用戶,視覺障礙的用戶和使用屏幕閱讀器的用戶等。
title屬性為設(shè)置該屬性的元素提供建議性的信息。使用title屬性提供非本質(zhì)的額外信息。參考《alt和title屬性的區(qū)別及應(yīng)用》
2、分別寫出以下幾個(gè)HTML標(biāo)簽:文字加粗、下標(biāo)、居中、字體
加粗:、
下標(biāo):
居中:
字體:、、參考《HTML標(biāo)簽列表》
3、請(qǐng)寫出至少5個(gè)html5新增的標(biāo)簽,并說明其語義和應(yīng)用場景
section:定義文檔中的一個(gè)章節(jié)
nav:定義只包含導(dǎo)航鏈接的章節(jié)
header:定義頁面或章節(jié)的頭部。它經(jīng)常包含 logo、頁面標(biāo)題和導(dǎo)航性的目錄。
footer:定義頁面或章節(jié)的尾部。它經(jīng)常包含版權(quán)信息、法律信息鏈接和反饋建議用的地址。
aside:定義和頁面內(nèi)容關(guān)聯(lián)度較低的內(nèi)容——如果被刪除,剩下的內(nèi)容仍然很合理。
參考《HTML5 標(biāo)簽列表》
4、請(qǐng)說說你對(duì)標(biāo)簽語義化的理解?
a. 去掉或者丟失樣式的時(shí)候能夠讓頁面呈現(xiàn)出清晰的結(jié)構(gòu)
b. 有利于SEO:和搜索引擎建立良好溝通,有助于爬蟲抓取更多的有效信息:爬蟲依賴于標(biāo)簽來確定上下文和各個(gè)關(guān)鍵字的權(quán)重;
c. 方便其他設(shè)備解析(如屏幕閱讀器、盲人閱讀器、移動(dòng)設(shè)備)以意義的方式來渲染網(wǎng)頁;
d. 便于團(tuán)隊(duì)開發(fā)和維護(hù),語義化更具可讀性,遵循W3C標(biāo)準(zhǔn)的團(tuán)隊(duì)都遵循這個(gè)標(biāo)準(zhǔn),可以減少差異化。
5、Doctype作用? 嚴(yán)格模式與混雜模式如何區(qū)分?它們有何意義?
聲明位于文檔中的最前面,處于 標(biāo)簽之前。告知瀏覽器以何種模式來渲染文檔。
嚴(yán)格模式的排版和 JS 運(yùn)作模式是,以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行。
在混雜模式中,頁面以寬松的向后兼容的方式顯示。模擬老式瀏覽器的行為以防止站點(diǎn)無法工作。
DOCTYPE不存在或格式不正確會(huì)導(dǎo)致文檔以混雜模式呈現(xiàn)。
6、你知道多少種Doctype文檔類型?
標(biāo)簽可聲明三種 DTD 類型,分別表示嚴(yán)格版本、過渡版本以及基于框架的 HTML 文檔。
HTML 4.01 規(guī)定了三種文檔類型:Strict、Transitional 以及 Frameset。
XHTML 1.0 規(guī)定了三種 XML 文檔類型:Strict、Transitional 以及 Frameset。
Standards (標(biāo)準(zhǔn))模式(也就是嚴(yán)格呈現(xiàn)模式)用于呈現(xiàn)遵循最新標(biāo)準(zhǔn)的網(wǎng)頁,
Quirks(包容)模式(也就是松散呈現(xiàn)模式或者兼容模式)用于呈現(xiàn)為傳統(tǒng)瀏覽器而設(shè)計(jì)的網(wǎng)頁。
7、HTML與XHTML——二者有什么區(qū)別
a. XHTML 元素必須被正確地嵌套。
b. XHTML 元素必須被關(guān)閉。
c. 標(biāo)簽名必須用小寫字母。
d. XHTML 文檔必須擁有根元素。
參考《XHTML 與 HTML 之間的差異》
8、html5有哪些新特性、移除了那些元素?
a. HTML5 現(xiàn)在已經(jīng)不是 SGML 的子集,主要是關(guān)于圖像,位置,存儲(chǔ),多任務(wù)等功能的增加。
b. 拖拽釋放(Drag and drop) API
c. 語義化更好的內(nèi)容標(biāo)簽(header,nav,footer,aside,article,section)
d. 音頻、視頻API(audio,video)
e. 畫布(Canvas) API
f. 地理(Geolocation) API
g. 本地離線存儲(chǔ) localStorage 長期存儲(chǔ)數(shù)據(jù),瀏覽器關(guān)閉后數(shù)據(jù)不丟失
h. sessionStorage 的數(shù)據(jù)在頁面會(huì)話結(jié)束時(shí)會(huì)被清除
i. 表單控件,calendar、date、time、email、url、search
j. 新的技術(shù)webworker, websocket等
移除的元素:
a. 純表現(xiàn)的元素:basefont,big,center, s,strike,tt,u;
b. 對(duì)可用性產(chǎn)生負(fù)面影響的元素:frame,frameset,noframes;
9、iframe的優(yōu)缺點(diǎn)?
優(yōu)點(diǎn):
a. 解決加載緩慢的第三方內(nèi)容如圖標(biāo)和廣告等的加載問題
b. iframe無刷新文件上傳
c. iframe跨域通信
缺點(diǎn):
a. iframe會(huì)阻塞主頁面的Onload事件
b. 無法被一些搜索引擎索引到
c. 頁面會(huì)增加服務(wù)器的http請(qǐng)求
d. 會(huì)產(chǎn)生很多頁面,不容易管理。
參考《iframe的一些記錄》
10、Quirks模式是什么?它和Standards模式有什么區(qū)別?
在寫程序時(shí)我們也會(huì)經(jīng)常遇到這樣的問題,如何保證原來的接口不變,又提供更強(qiáng)大的功能,尤其是新功能不兼容舊功能時(shí)。IE6以前的頁面大家都不會(huì)去寫DTD,所以IE6就假定 如果寫了DTD,就意味著這個(gè)頁面將采用對(duì)CSS支持更好的布局,而如果沒有,則采用兼容之前的布局方式。這就是Quirks模式(怪癖模式,詭異模式,怪異模式)。
區(qū)別:總體會(huì)有布局、樣式解析和腳本執(zhí)行三個(gè)方面的區(qū)別。
a. 盒模型:在W3C標(biāo)準(zhǔn)中,如果設(shè)置一個(gè)元素的寬度和高度,指的是元素內(nèi)容的寬度和高度,而在Quirks 模式下,IE的寬度和高度還包含了padding和border。
b. 設(shè)置行內(nèi)元素的高寬:在Standards模式下,給等行內(nèi)元素設(shè)置wdith和height都不會(huì)生效,而在quirks模式下,則會(huì)生效。
c. 設(shè)置百分比的高度:在standards模式下,一個(gè)元素的高度是由其包含的內(nèi)容來決定的,如果父元素沒有設(shè)置百分比的高度,子元素設(shè)置一個(gè)百分比的高度是無效的用
d. 設(shè)置水平居中:使用margin:0 auto在standards模式下可以使元素水平居中,但在quirks模式下卻會(huì)失效。
11、請(qǐng)闡述table的缺點(diǎn)
a. 太深的嵌套,比如table>tr>td>h3,會(huì)導(dǎo)致搜索引擎讀取困難,而且,最直接的損失就是大大增加了冗余代碼量。
b. 靈活性差,比如要將tr設(shè)置border等屬性,是不行的,得通過td
c. 代碼臃腫,當(dāng)在table中套用table的時(shí)候,閱讀代碼會(huì)顯得異常混亂
d. 混亂的colspan與rowspan,用來布局時(shí),頻繁使用他們會(huì)造成整個(gè)文檔順序混亂。
e. 不夠語義
參考《為什么說table表格布局不好?》
12、簡述一下src與href的區(qū)別
src用于替換當(dāng)前元素;href用于在當(dāng)前文檔和引用資源之間確立聯(lián)系。
src是source的縮寫,指向外部資源的位置,指向的內(nèi)容將會(huì)嵌入到文檔中當(dāng)前標(biāo)簽所在位置
href是Hypertext Reference的縮寫,指向網(wǎng)絡(luò)資源所在位置,建立和當(dāng)前元素(錨點(diǎn))或當(dāng)前文檔(鏈接)之間的鏈接
公眾號(hào)【傳智播客博學(xué)谷】回復(fù)關(guān)鍵詞:前端 PS Java Python 大數(shù)據(jù) 區(qū)塊鏈 測(cè)試 PPT JS HTML 簡歷 領(lǐng)取相關(guān)學(xué)習(xí)資料!
二、CSS
1、談?wù)勀銓?duì)CSS布局的理解
2、請(qǐng)列舉幾種可以清除浮動(dòng)的方法(至少兩種)
浮動(dòng)會(huì)漂浮于普通流之上,像浮云一樣,但是只能左右浮動(dòng)。正是這種特性,導(dǎo)致框內(nèi)部由于不存在其他普通流元素了,表現(xiàn)出高度為0(高度塌陷)。
a. 添加額外標(biāo)簽,例如
b. 使用br標(biāo)簽和其自身的html屬性,例如
c. 父元素設(shè)置 overflow:hidden;在IE6中還需要觸發(fā)hasLayout,例如zoom:1;
d. 父元素設(shè)置 overflow:auto 屬性;同樣IE6需要觸發(fā)hasLayout
e. 父元素也設(shè)置浮動(dòng)
f. 父元素設(shè)置display:table
g. 使用:after 偽元素;由于IE6-7不支持:after,使用 zoom:1觸發(fā) hasLayout。
在CSS2.1里面有一個(gè)很重要的概念,那就是 Block formatting contexts (塊級(jí)格式化上下文),簡稱 BFC。
創(chuàng)建了BFC的元素就是一個(gè)獨(dú)立的盒子,里面的子元素不會(huì)在布局上影響外面的元素,同時(shí)BFC仍然屬于文檔中的普通流。
IE6-7的顯示引擎使用的是一個(gè)稱為布局(layout)的內(nèi)部概念。
參考《那些年我們一起清除過的浮動(dòng)》
3、請(qǐng)列舉幾種隱藏元素的方法
a. visibility: hidden;這個(gè)屬性只是簡單的隱藏某個(gè)元素,但是元素占用的空間任然存在。
b. opacity: 0;一個(gè)CSS3屬性,設(shè)置0可以使一個(gè)元素完全透明,制作出和visibility一樣的效果。與visibility相比,它可以被transition和animate
c. position: absolute;使元素脫離文檔流,處于普通文檔之上,給它設(shè)置一個(gè)很大的left負(fù)值定位,使元素定位在可見區(qū)域之外。
d. display: none;元素會(huì)變得不可見,并且不會(huì)再占用文檔的空間。
e. transform: scale(0);將一個(gè)元素設(shè)置為無限小,這個(gè)元素將不可見。這個(gè)元素原來所在的位置將被保留。
f. HTML5 hidden attribute;hidden屬性的效果和display:none;相同,這個(gè)屬性用于記錄一個(gè)元素的狀態(tài)
g. height: 0; overflow: hidden;將元素在垂直方向上收縮為0,使元素消失。只要元素沒有可見的邊框,該技術(shù)就可以正常工作。
h. filter: blur(0);將一個(gè)元素的模糊度設(shè)置為0,從而使這個(gè)元素“消失”在頁面中。
參考《使用CSS隱藏HTML元素的4種常用方法》《通過HTML和CSS隱藏和顯示元素的4種方法》
4、如何讓一段文本中的所有英文單詞的首字母大寫
text-transform:
none| capitalize(將每個(gè)單詞的第一個(gè)字母轉(zhuǎn)換成大寫) | uppercase(將每個(gè)單詞轉(zhuǎn)換成大寫 ) | lowercase(將每個(gè)單詞轉(zhuǎn)換成小寫 )
5、請(qǐng)簡述CSS樣式表繼承
CSS樣式表繼承指的是,特定的CSS屬性向下傳遞到子孫元素。會(huì)被繼承下去的屬性如下:參考《CSS樣式表繼承詳解》
文本相關(guān):font-family,font-size, font-style,font-variant,font-weight, font,letter-spacing,line-height,color
列表相關(guān):list-style-image,list-style-position,list-style-type, list-style
6、請(qǐng)簡述CSS的選擇器
元素選擇器:* 、E、 E#id、 E.class
關(guān)系選擇器:E、F、E>F、E+F、E~F
屬性選擇器:E[att]、E[att="val"]、E[att~="val"]、E[att^="val"]、E[att$="val"]、E[att*="val"]、E[att|="val"]
偽類選擇器:E:link、E:visited、E:hover、E:active、E:focus、E:lang(fr)、E:not(s)、E:root、E:first-child、E:last-chil等
偽對(duì)象選擇器:E:first-letter/E::first-letter、E:first-line/E::first-line、E:before/E::before、E:after/E::after、E::selection
參考《選擇符列表》
7、CSS偽類與CSS偽對(duì)象的區(qū)別
CSS 引入偽類和偽元素的概念是為了描述一些現(xiàn)有CSS無法描述的東西
根本區(qū)別在于:它們是否創(chuàng)造了新的元素(抽象)
偽類:一開始用來表示一些元素的動(dòng)態(tài)狀態(tài),隨后CSS2標(biāo)準(zhǔn)擴(kuò)展了其概念范圍,使其成為了所有邏輯上存在但在文檔樹中卻無須標(biāo)識(shí)的“幽靈”分類
偽對(duì)象:代表了某個(gè)元素的子元素,這個(gè)子元素雖然在邏輯上存在,但卻并不實(shí)際存在于文檔樹中
參考《CSS偽類與CSS偽元素的區(qū)別及由來》
8、請(qǐng)簡述CSS的權(quán)重規(guī)則
一個(gè)行內(nèi)樣式+1000,一個(gè)id+100,一個(gè)屬性選擇器/class類/偽類選擇器+10,一個(gè)元素名/偽對(duì)象選擇器+1。
關(guān)系選擇器將拆分為兩個(gè)選擇器再計(jì)算。參考《CSS權(quán)重》
9、請(qǐng)寫出多種等高布局
a. 假等高列:使用背景圖片,在列的父元素上使用這個(gè)背景圖進(jìn)行Y軸的鋪放,從而實(shí)現(xiàn)一種等高列的假像
b. 給容器div使用單獨(dú)的背景色(固定布局)(流體布局):用元素中的最大高度撐大其他的容器高度
c. 創(chuàng)建帶邊框的兩列等高布局:用border-left來做,只能使用兩列。
d. 使用正padding和負(fù)margin對(duì)沖實(shí)現(xiàn)多列布局方法:在所有列中使用正的上、下padding和負(fù)的上、下margin,并在所有列外面加上一個(gè)容器,設(shè)置overflow:hiden把溢出背景切掉
e. 使用邊框和定位模擬列等高:但不能使用在多列
f. 模仿表格布局等高列效果:兼容性不好,在ie6-7無法正常運(yùn)行
10、在CSS樣式中常使用px、em,各有什么優(yōu)劣,在表現(xiàn)上有什么區(qū)別?
px是相對(duì)長度單位,相對(duì)于顯示器屏幕分辨率而言的。
em是相對(duì)長度單位,相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸。
px定義的字體,無法用瀏覽器字體放大功能。
em的值并不是固定的,會(huì)繼承父級(jí)元素的字體大小,1 ÷ 父元素的font-size × 需要轉(zhuǎn)換的像素值 = em值。
11、CSS中 link 和@import 的區(qū)別是什么?
a. link屬于HTML標(biāo)簽,而@import是CSS提供的,且只能加載 CSS
b. 頁面被加載時(shí),link會(huì)同時(shí)被加載,而@import引用的CSS會(huì)等到頁面被加載完再加載
c. import只在IE5以上才能識(shí)別,而link是HTML標(biāo)簽,無兼容問題
d. link方式的樣式的權(quán)重 高于@import的權(quán)重
e. 當(dāng)使用 Javascript 控制 DOM 去改變樣式的時(shí)候,只能使用 link 方式,因?yàn)?@import 眼里只有 CSS ,不是 DOM 可以控制
12、position的absolute與fixed共同點(diǎn)與不同點(diǎn)
相同:
a. 改變行內(nèi)元素的呈現(xiàn)方式,display被置為block
b. 讓元素脫離普通流,不占據(jù)空間
c. 默認(rèn)會(huì)覆蓋到非定位元素上
區(qū)別:
absolute的”根元素“是可以設(shè)置的,而fixed的”根元素“固定為瀏覽器窗口。
當(dāng)你滾動(dòng)網(wǎng)頁,fixed元素與瀏覽器窗口之間的距離是不變的。
13、position的值, relative和absolute分別是相對(duì)于誰進(jìn)行定位的?
absolute:生成絕對(duì)定位的元素,相對(duì)于 static 定位以外的第一個(gè)祖先元素進(jìn)行定位
fixed:生成絕對(duì)定位的元素,相對(duì)于瀏覽器窗口進(jìn)行定位。 (IE6不支持)
relative:生成相對(duì)定位的元素,相對(duì)于其在普通流中的位置進(jìn)行定位
static:默認(rèn)值。沒有定位,元素出現(xiàn)在正常的流中
14、CSS3有哪些新特性?
CSS3實(shí)現(xiàn)圓角(border-radius),陰影(box-shadow),對(duì)文字加特效(text-shadow),線性漸變(gradient),變形(transform)
增加了更多的CSS選擇器 多背景 rgba,在CSS3中唯一引入的偽元素是::selection,媒體查詢,多欄布局
參考《CSS3中的動(dòng)畫效果記錄》、《CSS3中border-radius、box-shadow與gradient那點(diǎn)事兒》
15、為什么要初始化CSS樣式?
因?yàn)闉g覽器的兼容問題,不同瀏覽器對(duì)有些標(biāo)簽的默認(rèn)值是不同的,如果沒對(duì)CSS初始化往往會(huì)出現(xiàn)瀏覽器之間的頁面顯示差異。
當(dāng)然,初始化樣式會(huì)對(duì)SEO有一定的影響,但魚和熊掌不可兼得,但力求影響最小的情況下初始化。
16、解釋下 CSS sprites原理,優(yōu)缺點(diǎn)
CSS Sprites其實(shí)就是把網(wǎng)頁中一些背景圖片整合到一張圖片文件中,
再利用CSS的“background-image”,“background- repeat”,“background-position”的組合進(jìn)行背景定位,
background-position可以用數(shù)字精確的定位出背景圖片的位置。
優(yōu)點(diǎn):
a. 減少網(wǎng)頁的http請(qǐng)求
b. 減少圖片的字節(jié)
c. 解決了網(wǎng)頁設(shè)計(jì)師在圖片命名上的困擾,只需對(duì)一張集合的圖片上命名就可以了,不需要對(duì)每一個(gè)小元素進(jìn)行命名
d. 更換風(fēng)格方便,只需要在一張或少張圖片上修改圖片的顏色或樣式,整個(gè)網(wǎng)頁的風(fēng)格就可以改變。
缺點(diǎn):
a. 在寬屏,高分辨率的屏幕下的自適應(yīng)頁面,你的圖片如果不夠?qū)?#xff0c;很容易出現(xiàn)背景斷裂
b. CSS Sprites在開發(fā)的時(shí)候,要通過photoshop或其他工具測(cè)量計(jì)算每一個(gè)背景單元的精確位置
c. 在維護(hù)的時(shí)候比較麻煩,如果頁面背景有少許改動(dòng),一般就要改這張合并的圖片
17、解釋下浮動(dòng)和它的工作原理?
a. 浮動(dòng)元素脫離文檔流,不占據(jù)空間(引起“高度塌陷”現(xiàn)象)
b. 浮動(dòng)元素碰到包含它的邊框或者浮動(dòng)元素的邊框停留。
18、浮動(dòng)元素引起的問題
a. 父元素的高度無法被撐開,影響與父元素同級(jí)的元素
b. 與浮動(dòng)元素同級(jí)的非浮動(dòng)元素會(huì)跟隨其后
c. 若非第一個(gè)元素浮動(dòng),則該元素之前的元素也需要浮動(dòng),否則會(huì)影響頁面顯示的結(jié)構(gòu)
19、什么是 FOUC(無樣式內(nèi)容閃爍)?你如何來避免 FOUC?
如果使用import方法對(duì)CSS進(jìn)行導(dǎo)入,會(huì)導(dǎo)致某些頁面在Windows下的IE出現(xiàn)一些奇怪的現(xiàn)象:
以無樣式顯示頁面內(nèi)容的瞬間閃爍,這種現(xiàn)象稱之為文檔樣式短暫失效(Flash of Unstyled Content),簡稱為FOUC。
原理:當(dāng)樣式表晚于結(jié)構(gòu)性html加載,當(dāng)加載到此樣式表時(shí),頁面將停止之前的渲染。此樣式表被下載和解析后,將重新渲染頁面,也就出現(xiàn)了短暫的花屏現(xiàn)象。
解決方法:使用LINK標(biāo)簽將樣式表放在文檔HEAD中。
20、line-height三種賦值方式有何區(qū)別?(帶單位、純數(shù)字、百分比)
帶單位:px不用計(jì)算,em則會(huì)使元素以其父元素font-size值為參考來計(jì)算自己的行高
純數(shù)字:把比例傳遞給后代,例如父級(jí)行高為1.5,子元素字體為18px,則子元素行高為1.5*18=27px
百分比:將計(jì)算后的值傳遞給后代
參考《line-height的理解》、《淺析line-height和vertical》,查看在線源碼。
21、:link、:visited、:hover、:active的執(zhí)行順序是怎么樣的?
L-V-H-A,l(link)ov(visited)e h(hover)a(active)te,即用喜歡和討厭兩個(gè)詞來概括
22、經(jīng)常遇到的瀏覽器兼容性有哪些?如何解決?
a. 瀏覽器默認(rèn)的margin和padding不同
b. IE6雙邊距bug
c. 在ie6,ie7中元素高度超出自己設(shè)置高度。原因是IE8以前的瀏覽器中會(huì)給元素設(shè)置默認(rèn)的行高的高度導(dǎo)致的
d. min-height在IE6下不起作用
e. 透明性IE用filter:Alpha(Opacity=60),而其他主流瀏覽器用 opacity:0.6
f. input邊框問題,去掉input邊框一般用border:none;就可以,但由于IE6在解析input樣式時(shí)的BUG(優(yōu)先級(jí)問題),在IE6下無效
23、有哪項(xiàng)方式可以對(duì)一個(gè)DOM設(shè)置它的CSS樣式?
a. 外部樣式表:通過標(biāo)簽引入一個(gè)外部css文件
b. 內(nèi)部樣式表:將css代碼放在
c. 內(nèi)聯(lián)樣式:將css樣式直接定義在 HTML 元素內(nèi)部
24、什么是外邊距重疊?重疊的結(jié)果是什么?
外邊距重疊就是margin-collapse。
在CSS當(dāng)中,相鄰的兩個(gè)盒子(可能是兄弟關(guān)系也可能是祖先關(guān)系)的外邊距可以結(jié)合成一個(gè)單獨(dú)的外邊距。這種合并外邊距的方式被稱為折疊,并且因而所結(jié)合成的外邊距稱為折疊外邊距。
折疊結(jié)果遵循下列計(jì)算規(guī)則:
a. 兩個(gè)相鄰的外邊距都是正數(shù)時(shí),折疊結(jié)果是它們兩者之間較大的值。
b. 兩個(gè)相鄰的外邊距都是負(fù)數(shù)時(shí),折疊結(jié)果是兩者絕對(duì)值的較大值。
c. 兩個(gè)外邊距一正一負(fù)時(shí),折疊結(jié)果是兩者的相加的和。
25、rgba()和opacity的透明效果有什么不同?
a. opacity作用于元素,以及元素內(nèi)的所有內(nèi)容的透明度,rgba()只作用于元素的顏色或其背景色。
b. 設(shè)置rgba透明的元素的子元素不會(huì)繼承透明效果!
26、css屬性content有什么作用?有什么應(yīng)用?
css的content屬性專門應(yīng)用在 before/after 偽元素上,用于來插入生成內(nèi)容。
可以配合自定義字體顯示特殊符號(hào)。
公眾號(hào)【傳智播客博學(xué)谷】回復(fù)關(guān)鍵詞:前端 PS Java Python 大數(shù)據(jù) 區(qū)塊鏈 測(cè)試 PPT JS HTML 簡歷 領(lǐng)取相關(guān)學(xué)習(xí)資料!
總結(jié)
以上是生活随笔為你收集整理的请写出至少5个html块元素标签_34道常见的HTML+CSS面试题(附答案)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: c语言dda算法完整实现,计算机图形学D
- 下一篇: 画闭合的多边形 - HTML5 Canv