黑马程序员技术交流社区
标题:
【上海校区】前端一些小知识
[打印本页]
作者:
sh_hr
时间:
2017-8-22 15:53
标题:
【上海校区】前端一些小知识
一、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可以消除行内块元素间的换行符空格间隙问题
作者:
绮丽
时间:
2017-8-23 09:39
6666哦~哈哈
作者:
3396874729
时间:
2017-8-23 10:58
好好学习，好好学习
作者:
李雅洁
时间:
2017-9-1 13:41
666666666666好厉害
作者:
那么那么纯洁
时间:
2017-9-2 09:24
666666666666好厉害
作者:
那么那么纯洁
时间:
2017-9-2 09:26
{:8_469:}{:8_469:}
作者:
3396874729
时间:
2017-9-4 16:29
作者:
wrp123456
时间:
2017-11-21 11:50
作者:
wrp123456
时间:
2017-12-10 15:06
加油 加油 加油 加油 加油 加油 加油 加油 加油
作者:
wrp123456
时间:
2017-12-11 10:58
加油 加油 加油 加油
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)
黑马程序员IT技术论坛 X3.2
