本帖最后由 sh_hr 于 2017-8-22 15:48 编辑
一、css预处理器less和sass
less是一种动态式的语言样式，将css赋予了动态语言的特性，如变量、继承、运算、函数等
less既可以运行在客户端上又可以运行在服务端上。
为什么要使用css预处理器？
结构清晰，方便扩展，可以方便的屏蔽浏览器私有语法差异
二、让一个dom元素不显示自浏览器可视范围内的方法？
display:none;----隐藏后占据位置
visibility:hidden----隐藏后不占位
overflow:hidden-----不显示超出内容，超出隐藏
元素的透明度opacity为0----ie下有兼容性问题----filter:alpha(opacity:40)
元素的宽度和高度为零
设置z-index层级为一个很大的负数
text-indent:-2000px--------隐藏文字内容
三、rgba 和opacity透明效果有什么不同？
rgba()和opacity都可以实现透明效果，
但最大的不同是opacity作用于元素，以及元素内的所有内容的透明度
而rgba()只是作用于元素的颜色或者背景色，即设置rgba透明的元素的子元素不会继承透明效果
四、css中link和@import（@import url(style.css)）的区别是？
两者都是外部引用css的方式，但是存在一定的区别：
1、link属于html标签，但是@import属于css范畴，只能加载css
2、link引用css时，在页面加载时同时加载，@import需要在页面完全加载后再加载
3、link是html标签，没有兼容问题，@import低版本的浏览器不支持
4、link引入样式权重大于@import的引用
五、BFC
BFC(块级格式上下文)，是指浏览器中创建了一个独立的渲染区域，该区域内所有元素的布局不会影响
到区域外的元素的布局，这个渲染区域只对块级元素起作用
什么时候会触发BFC呢？常见的如下：
float的值不为none。
overflow的值为auto,scroll或hidden。
display的值为table-cell, table-caption, inline-block中的任何一个。
position的值不为relative和static。
六、html语义化
1、当页面样式加载失败的时候能够让页面呈现出清晰的结构
2、有利于seo优化，利于被搜索引擎收录
七、<!Doctype>的作用----告知浏览器的解析器用什么文档类型、规范来解析这个文档
八、ie：trident , Mozilla : gecko google:webkit、opera:presto
九、什么是css hack?针对不同的浏览器写不同的css code的过程，就是css hack.
十、css中看可以让文字在垂直方向上重叠的属性是：line-height
水平方向上letter-spacing
关于letter-spacing的妙用有哪些？letter-spacing可以消除行内块元素间的换行符空格间隙问题
|
|
收藏
淘帖
踩
