没有合适的资源?快使用搜索试试~ 我知道了~
前端 50 道面试题及答案.docx
资源推荐
资源详情
资源评论
介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什
么不同的?
标准盒子模型:宽度=内容的宽度(content)+border+padding +margin 低版本IE盒
子模型:宽度=内容宽度(content+border+padding)+margin box-sizing属性?
用来控制元素的盒子模型的解析模式,默认为content-box
1、context-box:W3C的标准盒子模型,设置元素的height/width属性指的是content
部分的高/宽
2、border-box:IE传统盒子模型。设置元素的height/width属性指的是border
+padding +content部分的高/宽
CSS选择器有哪些?哪些属性可以继承?
CSS选择符:id选择器(#myid)、类选择器(. myclassname)、标签选择器(div,h1,p)
、相邻选择器(h1 +p)、子选择器(ul>li)、后代选择器(li a)、通配符选择器(*)、
属性选择器(a[rel="external"])、伪类选择器(a:hover,li:nth-child)
可继承的属性:font-size,font-family,color
不可继承的样式:border,padding,margin,width,height
优先级(就近原则):!important>[id >class >tag]
!important比内联优先级高
CSS优先级算法如何计算?
元素选择符:1
class选择符:10
id选择符:100
元素标签:1000
1、!important声明的样式优先级最高,如果冲突再进行计算。
2、如果优先级相同,则选择最后出现的样式。
3、继承得到的样式的优先级最低。
CSS3新增伪类有那些?
1、p:first-of-type选择属于其父元素的首个元素
2. p:last-of-type 选择属于其父元素的最后元素
3、p:only-of-type 选择属于其父元素唯一的元素
4、p:only-child 选择属于其父元素的唯一子元素
5、p:nth-child(2)选择属于其父元素的第二个子元素
6、:enabled:disabled表单控件的禁用状态。
7、:checked单选框或复选框被选中。
如何居中div?如何居中一个浮动元素?如何让绝对定位的div 居中?
div:
border:1px solid red;
margin:0 auto;
height:50px;
width:80px;
浮动元素的上下左右居中:
border:1px solid red;
float:left;
position:absolute;
width:200px;
height:100px;
left:50%;
top:50%;
margin:-50px 00-100px;
绝对定位的左右居中:
border:1px solid black;
position:absolute;
width:200px;
height:100px;
margin:0 auto;
left:0;
right:0;
还有更加优雅的居中方式就是用flexbox,我以后会做整理。
display有哪些值?说明他们的作用?
1、inline(默认)-内联
2、none-隐藏
3、block-块显示
4、table-表格显示
5、list-item-项目列表
6、inline-block
position的值?
1、static(默认):按照正常文档流进行排列;
2、relative(相对定位):不脱离文档流,参考自身静态位置通过top,bottom,left,right定位;
剩余21页未读,继续阅读
资源评论
苹果牛顿吃
- 粉丝: 19
- 资源: 2791
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功