css面试试题校园招聘.docx

css面试试题校园招聘css面试试题2017校园招聘前端css面试题CSS定义的权重margin和padding分别适合什么场景使用?什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的IE?如何修改chrome记住密码后自动填充表单的黄色背景?谈谈你对line-height的理解?设置元素浮动后，该元素的display值是多少?style标签放在body后与body前有什么区别?介绍下标准的CSS的盒子模型?低版本IE的盒子模型有什么不同的?CSS选择符有哪些?哪些属性可以继承?CSS3新增位类有哪些?如何居中p?如何剧中一个浮动元素?如何让就绝对定位的p居中?display有哪些值?说明他们的作用position的值relative和absolute的定位原点?CSS3有哪些新特性?不用定位怎样将两个p叠加在一起?一个满屏的品字布局如何设计?li与li之间有看不见的空白间隔是什么原因引起的?有什么解决办法?为什么要初始化CSS样式CSS里面的visibility属性有个collapse属性值是干嘛用的?在不同浏览器下以后什么区别position跟display，margincollapse，overflow，float这些特性相互叠加后会这么样css面试题及答案1.介绍一下标准的CSS的盒子模型?低版本IE的盒子模型有什么不同的?1.有两种：IE盒子模型、W3C盒子模型;2.盒模型：内容(content)、填充(padding)、边界(margin)、边框(border);3.区别：IE的content部分把border和pading计算了进去;2.CSS选择符有哪些?哪些属性可以继承?1.id选择器(#myid)2.类选择器(.myclassname)3.标签选择器(p,h1,p)4.相邻选择器(h1+p)5.子选择器(ul>li)6.后代选择器(lia)7.通配符选择器(*)8.属性选择器(a[rel="external"])9.伪类选择器(a:hover,li:nth-child)*可继承的样式：font-sizefont-familycolor,ULLIDLDDDT;*不可继承的样式：borderpaddingmarginwidthheight;3.CSS优先级算法如何计算?*优先级就近原则，同权重情况下样式定义最近者为准;*载入样式以最后载入的定位为准;优先级为:!important>id>class>tagimportant比内联优先级高4.CSS3新增伪类有那些?举例：p:first-of-type选择属于其父元素的首个元素的每个元素;p:last-of-type选择属于其父元素的最后元素的每个元素;p:only-of-type选择属于其父元素唯一的元素的每个元素;p:only-child选择属于其父元素的唯一子元素的每个元素;p:nth-child(2)选择属于其父元素的第二个子元素的每个元素;:after在元素之前添加内容,也可以用来做清除浮动;:before在元素之后添加内容;:enabled:disabled控制表单控件的禁用状态;:checked单选框或复选框被选中;5.如何居中p?如何居中一个浮动元素?如何让绝对定位的p居中?给p设置一个宽度，然后添加margin:0auto;属性p{width:200px;margin:0auto;}居中一个浮动元素确定容器的宽高：宽500高300的层设置层的外边距;.p{width:500px;height:300px;//高度可以不设margin:-150px00-250px;position:relative;background-color:pink;left:50%;top:50%;}让绝对定位的p居中p{position:absolute;width:1200px;background:none;margin:0auto;top:0;right:0;bottom:0;left:0;}6.display有哪些值?说明他们的作用block象块类型元素一样显示;none缺省值。象行内元素类型一样显示;inline-block象行内元素一样显示，但其内容象块类型元素一样显示;list-item象块类型元素一样显示，并添加样式列表标记;table此元素会作为块级表格来显示;inherit规定应该从父元素继承display属性的值;7.position的值relative和absolute定位原点是?absolute生成绝对定位的元素，相对于值不为static的第一个父元素进行定位;fixed(老IE不支持)生成绝对定位的元素，相对于浏览器窗口进行定位;relative生成相对定位的元素，相对于其正常位置进行