1、position有几种取值,分别是什么意思?
absolute绝对定位 对于父元素进行定位
relative 相对定位
fixed 固定定位 相对于浏览器进行定位
static 静态定位
2、浏览器中的回流和重绘是什么,分别在什么情况下触发?
回流是指页面中的元素的尺寸,布局,隐藏或重新构建,因为回流可能导致整个dom树重新构建
所以是性能的一大杀手 回流必将引起重绘,重绘不一定引起回流
回流在增删元素的时候触发,改变元素位置触发,改变尺寸与内容图片大小,页面渲染初始化;
重绘
就是改变背景颜色和字体颜色,重绘只影响元素外观、风格,不影响布局
3、px、em、rem的区别
px绝对长度 不能自适应页面大小
em相对长度 相对与父级
rem 相对长度 相对于浏览器
4、清除浮动的方式有哪些?最优的事哪一种?
1、 给父级div定义height
2、结尾处加空div标签 clear:both
3、父级div定义伪类 :after和zoom
4、父级div定义overflow:hidden或auto
5、父级也浮动。需要定义宽度
6、父级定义display:table
7、结尾处加br标签clear:both
5、readonly和disabled的区别
readonly表示只读 只是将元素设置为只读,其他操作正常
disabled表示 “使无效” 阻止对元素的一切操作,比如获取焦点或点击等事件
6、css优先级算法如何计算?有什么不同?
如果元素具有内联样式,则自动1胜(1,0,0,0分)
对于每个ID值,应用0,1,0,0个点
对于每个类值(或伪类或属性选择器),应用0,0,1,0个点
对于每个元素引用,应用0,0,0,1点
您通常可以读取值,就好像它们只是一个数字,如1,0,0,0是“1000”,因此显然胜过0,1,0,0或“100”的特异性。逗号是在那里提醒我们,这不是一个真正的“基础10”系统,因为你在技术上可以具有类似0,1,1,3,4的优先级值 - 并且“13”不会溢出基础10系统会。
网友评论