面试有关css的一点琐碎的知识点

一、布局

响应式布局 VS 自适应布局 VS 流式布局

自适应布局：为不同屏幕分辨率定义布局样式（媒体查询），页面元素不随着窗口的大小而变化。

流式布局：页面元素的宽度按照屏幕进行适配调整（如百分比），只要问题是如果屏幕尺寸夸大太大，那么在相对其原始设计而言过大或者过小的屏幕上不能够正常显示。

响应式布局：自适应布局+流式布局

二、定位

1，static 属于正常文档流；

2，absolute ：绝对布局，相对于static定位意外的第一个父元素进行定位；

3，fixed：相对于浏览器窗口进行定位；

4，relative：相对于正常的位置便宜定位。

三、常用的CSS框架

1，bootstrap

2，purecss

3，foundation

四、行级元素的padding，margin

行级元素数值方向上的以下css属性均无效：

padding-top

padding-bottom

margin-top

margin-bottom

五、CSS选择器

CSS选择器的匹配顺序：从后往前

为什么会从后往前是因为：从子元素找父元素的速度会比较快。

六、同源策略

1、同协议

2、同域名

3、同端口

七、(function(){})();  (function(){}());的区别

 

 

八、非标准字体实现

webfonts，在页面加载的时候会将整个字体包下载下来，这对于手机端网页来说无疑是致命的，若一定要是非标准字体；可以软件Fontcreator，可以从字体包中将要用的几种字体挑选出来，达成一个新的字体包，这会节约许多流量。

 九、CDN

Content Delivery Network，基本思路是尽可能避开互联网上面可能影响数据传输速度和稳定性的瓶颈和环节，其目的是使用户可以就近去的所需的内容，提高用户访问网站相应速度