CSS如何设置高度为屏幕高度_面试题联盟之CSS篇

关注 入坑互联网 ，回复“加群”

加入我们一起学习，天天进步

1、CSS3的新特性

实现圆角(border-radius)

阴影(box-shadow)

文字加特效(text-shadow)

线性渐变(gradient)

旋转(transform)

媒体查询，多栏布局

2、CSS中 link 和@import 的区别

link属于HTML标签，而@import是CSS提供的;

页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载; import只在IE5以上才能识别，而link是HTML标签，无兼容问题;

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

3、介绍一下CSS的盒模型

理论上分为四个盒子，content box、padding box、border box、margin box，但是实际上padding-box 只有 Firefox 曾经支持过，现在也不支持了，margin box更惨从未支持过

计算方式：

content box：盒模型的宽高 = content的宽高border box：盒模型的宽高 = content的宽高 + padding + border

css切换方式

可以通过box-sizing 设置，content-box为标准模型、border-box为IE模型

4、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:nth-child)

*5、哪些属性可以继承？

继承

1. 可继承的样式：font-size font-family color, text-indent;

2. 不可继承的样式：border padding margin width height;

6、CSS3新增伪类有那些？

p:first-of-type 选择属于其父元素的首个

元素。

p:last-of-type  选择属于其父元素的最后

元素。

p:only-of-type  选择属于其父元素唯一的

元素。

p:only-child    选择属于其父元素的唯一子元素的每个

元素。

p:nth-child(2)  选择属于其父元素的第二个子元素的每个

元素。

:enabled  :disabled 控制表单控件的禁用状态。

:checked        单选框或复选框被选中。

7、优先级算法如何计算？

优先级算法规则:优先级就近原则，同权重情况下样式定义最近者为准;

!important >  id > class > tag

important 比 内联优先级高,但内联比 id 要高

8、为什么要清除浮动？如何清除&#