这期内容当中小编将会给大家带来有关CSS常见面试题有哪些，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。

创新互联公司是专业的平利网站建设公司，平利接单;提供成都做网站、成都网站制作,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行平利网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

CSS引入
一、行内式，二、内部样式表，三、外部样式表

link @import
a. link属于HTML标签，而@import是CSS提供的，且只能加载 CSS

b. 页面被加载时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载

c. import只在IE5以上才能识别，而link是HTML标签，无兼容问题

d. link方式的样式的权重 高于@import的权重

e. 当使用 Javascript 控制 DOM 去改变样式的时候，只能使用 link 方式，因为 @import 眼里只有 CSS ，不是 DOM 可以控制

CSS基础选择器：
1.标签选择器 element
2.类选择器（多类名选择器）.
3.id选择器四 #
4.通配符选择器 *

CSS复合选择器：
后代选择器  E>F
子元素选择器
交集选择器
并集选择器 ,
链接伪类选择器 lvha
单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素

 
111
 
222 
1
 
2
 
3
 

li:nth-of-type(2):表示ul下的第二个li元素
li:nth-child(2)：表示既是li元素又是在ul下的第二个元素（找不到）。
建议一般使用nth-of-type，不容易出问题。
css三大特性：CSS层叠性、CSS继承性、CSS优先级
谈谈你对CSS布局的理解

盒子模型

清楚浮动的方式：
一、额外标签法，

二、父级添加overflow属性方法
三、使用after伪元素清除浮动

.clearfix:after {  content: ""; display: block; height: 0; clear: both; visibility: hidden;  }   .clearfix {*zoom: 1;}   /* IE6、7 专有 */。

四、使用双伪元素清除浮动

定位模式与边偏移：

元素的显示与隐藏：
display:none;
overflow:hidden

鼠标样式cursor
default小白  默认，pointer小手，move移动，text文本，not-allowed禁止
vertical-align 垂直对齐

溢出的文字省略号显示
1.white-space:nowrap强制文本在一行上显示
2.overflow: hidden超出部分隐藏
3.text-overflow：ellipsis当对象内文本溢出时显示省略标记

常见的布局方式：
固定布局、
流式（%）布局、
弹性（flex）布局、
rem布局
浮动布局、清除浮动
定位布局、
margin和padding

块级元素垂直居中
如何让一个p 上下左右居中
1.
left:50%;   top:50%
transform: translate(-50%,-50%)
2.
left:0;  top: 0;  bottom: 0;  right: 0;  margin: auto
3.px
CSS三大特性：层叠 继承 优先级
可以继承的属性
文本相关：font-family，font-size， font-style，font-variant，font-weight， font，letter-spacing，line-height，color

列表相关：list-style-image，list-style-position，list-style-type， list-style

CSS3新特性
实现圆角（border-radius），阴影（box-shadow），对文字加特效（text-shadow），线性渐变（gradient），变形（transform）

增加了更多的CSS选择器 多背景 rgba，在CSS3中唯一引入的伪元素是::selection，媒体查询，多栏布局

undefined

CSS引入
一、行内式，二、内部样式表，三、外部样式表

link @import
a. link属于HTML标签，而@import是CSS提供的，且只能加载 CSS

b. 页面被加载时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载

c. import只在IE5以上才能识别，而link是HTML标签，无兼容问题

d. link方式的样式的权重 高于@import的权重

e. 当使用 Javascript 控制 DOM 去改变样式的时候，只能使用 link 方式，因为 @import 眼里只有 CSS ，不是 DOM 可以控制

CSS基础选择器：
1.标签选择器 element
2.类选择器（多类名选择器）.
3.id选择器四 #
4.通配符选择器 *

CSS复合选择器：
后代选择器  E>F
子元素选择器
交集选择器
并集选择器 ,
链接伪类选择器 lvha
单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素

 
111
 
222 
1
 
2
 
3
 

li:nth-of-type(2):表示ul下的第二个li元素
li:nth-child(2)：表示既是li元素又是在ul下的第二个元素（找不到）。
建议一般使用nth-of-type，不容易出问题。
css三大特性：CSS层叠性、CSS继承性、CSS优先级
谈谈你对CSS布局的理解

盒子模型

清楚浮动的方式：
一、额外标签法，

二、父级添加overflow属性方法
三、使用after伪元素清除浮动

.clearfix:after {  content: ""; display: block; height: 0; clear: both; visibility: hidden;  }   .clearfix {*zoom: 1;}   /* IE6、7 专有 */。

四、使用双伪元素清除浮动

定位模式与边偏移：

元素的显示与隐藏：
display:none;
overflow:hidden

鼠标样式cursor
default小白  默认，pointer小手，move移动，text文本，not-allowed禁止
vertical-align 垂直对齐

溢出的文字省略号显示
1.white-space:nowrap强制文本在一行上显示
2.overflow: hidden超出部分隐藏
3.text-overflow：ellipsis当对象内文本溢出时显示省略标记

常见的布局方式：
固定布局、
流式（%）布局、
弹性（flex）布局、
rem布局
浮动布局、清除浮动
定位布局、
margin和padding

块级元素垂直居中
如何让一个p 上下左右居中
1.
left:50%;   top:50%
transform: translate(-50%,-50%)
2.
left:0;  top: 0;  bottom: 0;  right: 0;  margin: auto
3.px
CSS三大特性：层叠 继承 优先级
可以继承的属性
文本相关：font-family，font-size， font-style，font-variant，font-weight， font，letter-spacing，line-height，color

列表相关：list-style-image，list-style-position，list-style-type， list-style

CSS3新特性
实现圆角（border-radius），阴影（box-shadow），对文字加特效（text-shadow），线性渐变（gradient），变形（transform）

增加了更多的CSS选择器 多背景 rgba，在CSS3中唯一引入的伪元素是::selection，媒体查询，多栏布局

上述就是小编为大家分享的CSS常见面试题有哪些了，如果刚好有类似的疑惑，不妨参照上述分析进行理解。如果想知道更多相关知识，欢迎关注创新互联行业资讯频道。