CSS和HTML面試常見題(一)

2021-10-07 12:40:33 字數 870 閱讀 6960

一、css三大特性

1.層疊:如果樣式發生衝突,就近原則

2.繼承:子承父業

(1)以font開頭、line、color都繼承

(2)無繼承的屬性:

1、display

2、文字屬性:vertical-align:

text-decoration:

text-shadow:

white-space:

unicode-bidi:

3、盒子模型的屬性:寬度、高度、內外邊距、邊框等

4、背景屬性:背景、顏色、位置等

5、定位屬性:浮動、清除浮動、定位position等

6、生成內容屬性:content、counter-reset、counter-increment

7、輪廓樣式屬性:outline-style、outline-width、outline-color、outline

8、頁面樣式屬性:size、page-break-before、page-break-after 

3、優先順序(繼承的權重最低)一下權重由低到高

元素(標籤)選擇器            

類/偽元素選擇器

id選擇器

行內樣式選擇器

!important

二、img的title屬性和alt屬性的區別

alt當不顯示時,用文字代表

title為該屬性的元素息,比如為鏈結新增文字描述

三、清除浮動的幾種方式

1.加clear:both在浮動的盒子後面加乙個空盒子

.clear

2.給父元素新增overflow:hidden標籤(觸發bfc)

3.after偽元素清除浮動

HTML和CSS常見面試題

css 選擇符 1.id選擇器 myid 2.類選擇器 myclassname 3.標籤選擇器 div,h1,p 4.相鄰選擇器 h1 p 5.子選擇器 ul li 6.後代選擇器 li a 7.萬用字元選擇器 8.屬性選擇器 a rel external 9.偽類選擇器 a hover,li nt...

CSS面試複習(一) HTML強化

1 html常見元素和理解 head類 meta 字符集 base 路徑 和body類 網頁結構檢視 拖拽到書籤欄,在目的網頁點選開啟即起作用 2 html版本 html4 4.01 sgml xhtml xml html5 3 元素分類 按預設樣式分 塊級block 行內inline inline...

html面試真題

一 doctype的意義是什麼 1.讓瀏覽器以標準模式渲染 2.讓瀏覽器知道元素的合法性 二 html xhtml html5的關係 1.html屬於sgml sgml是標記性語言 2.xhtml屬於xml,對html進行xml嚴格化的結果 3.html5不屬於sgml和xml,比xhtml寬鬆 三...