css 倒三角 CSS基礎面試題1品,請細品

2021-10-12 03:44:02 字數 1398 閱讀 1552

1.為什麼要初始化css**,而不建議用萬用字元

小夥伴們首先想到的肯定是瀏覽器的相容問題,也確實是這個問題,不同瀏覽器對標籤的預設值是不同的,如果沒有對瀏覽器的css初始化,會造成相同頁面在不同瀏覽器的顯示存在差異。那為什麼不建議用萬用字元初始化呢?

/* *為萬用字元 */      *
萬用字元的好處是簡單,但是萬用字元會把所有的標籤都遍歷一遍,當**較大,樣式較多時,會加大**的執行效率,因此一般大型的**都有分層次的一套初始化樣式。

2.position的值relative和absolute定位原點?

首先,使用position的時候,應該記住乙個規律是『子絕父相』或者『子a父r』。我比較喜歡用『子a父r』來形容,因為,相對定位和決定定位從字面意思來理解的話,很容易混淆,下面我們來看看:

relative(相對定位):生成相對定位的元素,定位原點是元素本身所在的位置——這個名字叫相對定位,然後本身又不動,所以字面意思難理解;

absolute(絕對定位):生成絕對定位的元素,定位原點是自己父級(注意:這個時候父級要有position,如果沒有,一直往上找,直到找到瀏覽器)的左上角,通常寫top:0;left:0;就可以看到位置,再用top和left來確定位置,字面意思是絕對定位,但又有相對距離,也很難理解。

fixed(相對瀏覽器) :生成絕對定位的元素,相對於瀏覽器視窗進行定位。

static:預設值。沒有定位,元素出現在正常的流中(忽略 top, bottom, left, right、z-index 宣告)。

inherit:規定從父元素繼承 position 屬性的值。

3.css3有哪些常用的新特性

4.純css建立乙個三角形的原理是什麼?

方法一:(實現步驟)

1.元素是塊級元素;

2.設定元素的邊框;

3.所有邊框使用透明色;

4.需要的邊框顯示相應顏色;

/* 這是乙個倒三角 */.box div>body>
方法二:設定上,左,右三條邊顏色為(transparent)

/* 這是乙個正三角 */        .box1 div>body>
5.有哪些好的css優化、提高效能的方法?

css基礎面試題

animation和transition大部分屬性是相同的,他們都是隨時間改變元素的屬性值,他們的主要區別是transition需要觸發乙個事件才能改變屬性,而animation不需要觸發任何事件的情況下才會隨時間改變屬性值,並且transition為2幀,從from to,而animation可以...

CSS面試題(三)

31.zoom 1 的清除浮動原理?清除浮動,觸發haslayout zoom屬性是ie瀏覽器的專有屬性,它可以設定或檢索物件的縮放比例。解決ie下比較奇葩的bug。譬如外邊距 margin 的重疊,浮動清除,觸發ie的haslayout屬性等。來龍去脈大概如下 當設定了zoom的值之後,所設定的元...

倒三角筆試題原始碼

1 下面是乙個由 號組成的 4行倒三角形圖案。要求 1 輸入倒三角形的行數,行數的取值 3 21 之間,對於非法的行數,要求丟擲提示 非法行數!2 在螢幕上列印這個指定了行數的倒三角形。源 如下 c using system using system.collections.generic usin...