前端面試題收集（css部分）

時間 2019-11-09

標籤端面試題收集 css 部分欄目 CSS 简体版

原文原文鏈接

2018-03-18css

一、css reset 做用用途瀏覽器

重置瀏覽器的css默認屬性，瀏覽器不一樣，樣式不一樣，而後重置，讓它們統一服務器

二、css hack ？字體

<!--[if IE6]--><![END if]-->
_margin \\ie6
+margin \\ie7
margin: 0 auto \9 全部ie
margin  \0 \\ie8

三、Css引入方式幾種？url

主要有行內式、內嵌式、導入式和連接式4種spa

行內式：在標記的style屬性中設定css樣式code

內嵌式：寫在<head>和</head>之間的orm

導入式：@import url("testCss.css");blog

連接式：link標籤引入繼承

四、選擇器

ID選擇器、元素選擇器、關係選擇器、屬性選擇器、僞類

五、繼承

向下傳遞到子孫元素。例如字體，顏色

六、層疊

層疊指的是樣式的優先級，當產生衝突時以優先級高的爲準

根據重要性排名
- 用戶自定義的 !important
- 開發者帶!important
- 開發者寫的normal
- 用戶自定義的
- 瀏覽器默認的
根據順序： 後面覆蓋前面的
根據選擇器：（權重）

七、清除浮動的方法

父級div定義 height
結尾處加空div標籤 clear:both
父級div定義僞類:after 和 zoom （IE兼容）
父級div定義 overflow:hidden
父級div定義 overflow:auto
父級div 也一塊兒浮動
父級div定義 display:table
結尾處加 br標籤 clear:both

八、水平、垂直以及絕對居中

text-align:center 文字
vertical-align:middle 按鈕。單選
line-height
margin:auto
絕對定位居中

九、CSS3的新屬性

@Font-face 特性能夠用來加載字體樣式，並且它還可以加載服務器端的字體文件，讓客戶端顯示客戶端所沒有安裝的字體

Text-overflow 則設置或檢索噹噹前行超過指定容器的邊界時如何顯示

文字渲染（Text-decoration）

邊框和顏色（color, border）

Color：rgba

border-radius: 15px;

漸變效果（Gradient）

陰影（Shadow）

盒子模型（彈性盒子）

Transitions, Transforms 和 Animation Transitions

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。