日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁 > 前端技术 > HTML >内容正文

HTML

请写出至少5个html块元素标签_34道常见的HTML+CSS面试题(附答案)

發(fā)布時(shí)間:2023/12/9 HTML 22 豆豆
生活随笔 收集整理的這篇文章主要介紹了 请写出至少5个html块元素标签_34道常见的HTML+CSS面试题(附答案) 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

公眾號(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)容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。