大气黑色女性时尚类网站织梦模板,公众号开发板如何绑定视频号,东莞网站设计资讯,企业网站打不开什么原因1.图片向下撑大3像素问题在一个盒子里面放一张图片#xff0c;默认情况下#xff0c;图片会向下撑大3像素#xff0c;有以下几种解决方法#xff1a;1.1给图片添加display:block#xff1b;1.2给图片添加float:left#xff1b;1.3 给图片添加vertical-align:middle;1.4 给…1.图片向下撑大3像素问题在一个盒子里面放一张图片默认情况下图片会向下撑大3像素有以下几种解决方法1.1给图片添加display:block1.2给图片添加float:left1.3 给图片添加vertical-align:middle;1.4 给他的父元素加font-size02.如何实现一张未知宽高的图片在一个盒子里面做水平垂直居中给父元素添加宽高添加行高 添加 text-aligncenter给图片添加 vertical-aligncenter3.元素的类型分类哪几种各自都有什么特点块元素 独占一行竖着排能设置宽高行内元素 默认情况下文本一行显示不能设置宽高行内块状元素 inline-block,既有行内元素的特点又有块状元素的特点可变元素 添加floatleft 相当于displayblock4.如何实现一个元素消失和出现displaynone displayblockopcity:0; opcity:1;5.单行文本溢出显示省略号怎么实现添加widthwhite-spacenowrapoverflowhiddentext-overflowellipsis6.定位的属性值有哪几个分别有什么特点position:absolute 绝对定位 脱离文档流在有父元素或者父元素没有设置定位的情况下,它的参照物是整个浏览器如果父元素设置了相对定位,那么它的参照物就是它的父元素position:relative 相对定位 不脱离文档流它的参照物是它原来的位置position:fixed 固定定位 脱离文档流position:sticky 粘性定位 脱离文档流它的参照物是整个浏览器7.样式引入的方式有哪几种外部引入内部引入行内样式引入8.transition过渡动画使用的过程中要注意一些什么1.必须跟hover一起使用2.在hover的时候添加过渡鼠标滑上去有过渡效果移开就没有,给他本身加的时候鼠标滑上去有过渡效果移开也有9.用边框写出一个箭头超右的三角形div{ border-top10px solid transparent border-right:10px solid transparent border-bottom:10px solid transparent border-left:10px solid red width:0; height:0; }我自己是一名从事了多年开发的web前端老程序员目前辞职在做自己的web前端私人定制课程今年年初我花了一个月整理了一份最适合2019年学习的web前端学习干货各种框架都有整理送给每一位前端小伙伴想要获取的可以关注我的头条号并在后台私信我前端即可免费获取。10.可以取负值的css属性有哪些text-indentz-indexmargin-topmargin-leftbackground-positionleft right bottom toptext-shadowbox-shadow等等11.一个未知宽高的盒子在另一个盒子里面 水平垂直居中 的3种方法(不用做计算)专门建立的学习Q-q-u-n 784783012 分享学习的方法和需要注意的小细节不停更新最新的教程和学习技巧(从零基础开始到前端项目实战教程学习工具全栈开发学习路线以及规划)(1).box{ width:500px; height:500px; position:relative;}.box1{ width:200px; height:200px; position:absolute; left:0; right:0; bottom:0; left:0; margin:auto;}(2).box{ width:500px; height:500px; display:flex; //弹性盒 justify-content:center; //水平居中 align-items:center; //垂直居中}.box1{ width:200px; height:200px;}(3).box{ width: 500px; height: 500px; background: red; position: relative;}.box1{ width: 200px; height: 200px; background: green; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}12.当子元素使用margin-top导致父元素整个下移的解决方案overflow:hidden把margin改成paddingborder-top:1px solid rgba(0,0,0,0)给父元素或者子元素浮动13.子元素都设置float父元素没有设置高度出现高度塌陷的问题解决方案1.给父元素设置height 遇到自适应用不了2.添加overflowhidden/auto3.给浮动的元素下面添加一个空盒子给空盒子添加 clearboth4.万能清除法.clear:after{ content: clearboth displayblock height0 overflow:hidden; visibility:hidden;}.clear{ zoom:1;}5. 给父元素也添加float6. 给父元素添加displaytable14.透明度的属性是什么请也写上它的兼容写法opcity:0.3;filter:alpha(opcity30)15.什么是BFCBFC的触发条件有哪些bfc直译为块级格式化上下文是一个独立的渲染区域。具有BFC特性的元素可以看作是一个隔离了的独立容器容器里面的内容不会影响到外面的元素使用了float:left/right position为absolute/fixed display为inline-block,table-cell,table-caption,flex,inline-flex,overflow为hidden,auto等等 都是BFC16.如何解决margin上下值发生重叠的问题给任何一个子元素添加一个父元素并让这个父元素成为bfc区域里面的元素所以就需要给父元素添加overflow:hidden/auto/scroll;display:inline-block/flex;等。17.怪异盒是怎么产生的它有什么特点如何由W3C标准盒模型变成怪异盒模型产生原因DOCTYPE的缺失在IE8以下会触发怪异盒模式特点padding值不会计算在元素原有的宽高之上border值不会计算在元素原有宽高之上变成怪异盒模型添加属性box-sizing:border-box;box-sizing:content-box;默认值18.哪些属性可以被继承1、字体系列属性font-family字体样式font-weight字体的粗细font-size字体的大小font-style字体的类型2、文本系列属性text-indent文本缩进text-align文本水平对齐line-height行高letter-spacing单词之间的间距text-transform控制文本小uppercase、lowercase、capitalizecolor文本颜色列表list-style19.图片整合是用什么技术实现的图片整合技术有哪些优势css Sprites用background-position 来进行背景图片定位技术20.移动端布局的方式有哪些流式布局 等比缩放布局或混合布局 等比缩放布局可以用rem vw来实现21.transition和animation之间有什么共同点和不同点相同点都是随着时间改变元素的属性值不同点1.transition需要跟hover一起使用2.animation不需要触发任何事件22.em和rem是什么移动端为什么要用rem这个单位em是相对于最近的父元素的字号大小1em16pxrem 是 root em是相对于根元素字号的大小 1rem16px23.响应式网页设计有哪些特点1、网站必须建立灵活的网格基础2、引用到网站的图片必须是可伸缩的3、不同的显示风格需要在Media Query上设置不同的样式4、meta标签作者大前端世界链接https://www.jianshu.com/p/34b299bf6494
