两列布局
三列布局
元素设置宽度100%和不设置的区别
元素页面居中
标准盒模型和怪异模型的区别
可继承的属性样式有哪些
display:none 和visibility: hidden的区别
visibility可以实现 两个字和三个字的宽度相同
用户名
密<var style=”visibility:hidden">我<var>码:
几种清除浮动的方式
alt属性和title属性的区别
浏览器兼容问题
移动端适配方式
rem,em,vh,vw都是怎么计算的
什么是BFC
外边距塌陷解决方法
浏览器盒模型
::after/:after与::before/:before的区别?
css样式优先级算法
输入不间断的字符不会换行,如何解决
阻止浏览器默认样式
标签有哪些 a 、 input-file ……
解决办法:
return false;
e.prentDefault()方法阻止 谷歌火狐的方法
e.returnValue=false; 方法阻止 IE8以下的方法
// 封装 function preDef(event){ e=event || window.event; if(e.preventDefault){ e.preventDefault() }else{ e.returnValue=false } }
阻止冒泡
w3c的方法是e.stopPropagation()
IE则是使用e.cancelBubble = true
什么情乱下块级元素的默认宽度由子元素决定
块级元素被设置成inline-block
当块级元素浮动时
当块级元素设置了绝对定位或者固定定位
当块级元素设置了display:inline-flex;
列举出5个css属性可以继承的属性。并列举出css选择器?
答:
继承:color,font-size,font-weight,text-align,font-style
选择器:标签,类名,id,子代,后代,交叉,群组,通用,伪类。
伪类&伪元素
区别:
从作用上区分:
**伪类**用于当已有元素处于的某个状态时,为其添加对应的样式,这个状态是根据用户行为而动态变化的,例`hover`
**伪元素**用于创建一些不在文档树中的元素,为其添加样式。例`after,before`
从写法上区分:
**伪类** 使用单冒号
**伪元素** 使用双冒号