当前位置:博威奇培训网 > 电脑IT > 程序开发

[程序开发]css问题分享展示

查看:

黄老师黄老师

最后更新: 2020-08-31 17:23:39

  未上传身份证认证 身份证未认证   未上传营业执照认证 营业执照未认证

商家信息
css问题分享展示
  • 13430300330
  • 13430300330

联系我时,请说是在【博威奇培训网】看到的,我会给您最大的优惠!

投诉举报 发布信息
css问题分享展示货源详情
1、介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的?标准盒子模型:宽度=内容的宽度(content)+ border + padding + margin低版本IE盒子模型:宽度=内容宽度(content+border+padding)+ margin2、box-sizing属性?用来控制元素的盒子模型的解析模式,默认为content-boxcontext-box:W3C的标准盒子模型,设置元素的 height/width 属性指的是content部分的高/宽border-box:IE传统盒子模型。设置元素的height/width属性指的是border + padding + content部分的高/宽3、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 比内联优先级高4、CSS优先级算法如何计算?元素选择符: 1class选择符: 10id选择符:100元素标签:1000!important声明的样式优先级最高,如果冲突再进行计算。如果优先级相同,则选择最后出现的样式。继承得到的样式的优先级最低。5、CSS3新增伪类有那些?p:first-of-type 选择属于其父元素的首个元素p:last-of-type 选择属于其父元素的最后元素p:only-of-type 选择属于其父元素唯一的元素p:only-child 选择属于其父元素的唯一子元素p:nth-child(2) 选择属于其父元素的第二个子元素:enabled :disabled 表单控件的禁用状态。:checked 单选框或复选框被选中。6、如何居中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 0 0 -100px; 绝对定位的左右居中:border: 1px solid black;position: absolute;width: 200px;height: 100px;margin: 0 auto;left: 0;right: 0; 还有更加优雅的居中方式就是用flexbox,我以后会做整理。7、display有哪些值?说明他们的作用?inline(默认)--内联none--隐藏block--块显示table--表格显示list-item--项目列表inline-block8、position的值?static(默认):按照正常文档流进行排列;relative(相对定位):不脱离文档流,参考自身静态位置通过 top, bottom, left, right 定位;absolute(绝对定位):参考距其最近一个不为static的父级元素通过top, bottom, left, right 定位;fixed(固定定位):所固定的参照对像是可视窗口。9、请解释一下CSS3的flexbox(弹性盒布局模型),以及适用场景?该布局模型的目的是提供一种更加高效的方式来对容器中的条目进行布局、对齐和分配空间。在传统的布局方式中,block 布局是把块在垂直方向从上到下依次排列的;而 inline 布局则是在水平方向来排列。弹性盒布局并没有这样内在的方向限制,可以由开发人员自由操作。试用场景:弹性布局适合于移动前端开发,在Android和ios上也完美支持。联系地址:沣宏大厦3楼
程序开发发布货源

今日:0 | 程序开发:666 | 所有: 2253

版权所有:博威奇培训网【Boweiqi.com】 Copyright 2014-2020
侵权、举报、投诉、删除信息联系邮箱:services@maigela.com 客服QQ:55933123 我们承诺只要联系到客服人员,当即解决问题不会超过2小时!
免责声明: 请您仔细甄别信息的真实性与安全性,本站不承担任何由用户所发布信息而引起的争议和法律责任
蜀ICP备20024995号