css
文章平均质量分 60
小白敲bug
这个作者很懒,什么都没留下…
展开
-
css3利用媒体查询实现响应式布局
8.17测试问题:如何实现响应式布局?第一眼看到题目一脸迷茫,说起布局,最熟悉的莫过于三大布局:浮动布局、定位布局、弹性布局,说起响应式布局、属实是了解不到位,胡乱将三类布局做了阐述堆写在了答案区....通过查找资料、对其相关知识总结如下:一、定义首先、响应式布局是什么?百度给出的定义是:一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。其实用我们程序员的话来讲就是使用 @media 查询的方式实现——在不同的设备上,适应不同样式的功能~next,媒体查询又是什么?@me原创 2021-08-17 16:12:12 · 592 阅读 · 0 评论 -
css隐藏元素的几种方法
1.width:0px;height:0px;2.display:none;3.visibility:hidden;【区别 :隐藏时display不占位置,visibility占位置】4.overflow:hidden ;5.transform:scale(0)【利用变形:缩放】;6.opacity:0;设置为0元使素完全透明;7.利用子元素设置为float或者position:absolute时,父元素脱离文档流的原理。...原创 2021-08-11 15:26:11 · 143 阅读 · 0 评论 -
图片的垂直水平居中;vertical-align:middle;margin:0 auto和text-align:center失效的问题
今天做静态页面项目练习时,在将img标签同时设置垂直和水平居中的操作过程中,出现了一系列问题,是我以前没有注意到的,总结如下:1.img是一种可替换元素,虽然它可以设置宽高,但其本质上还是一个行内元素 (可替换元素还有<option><audio><canvas><objects><applet>);2.inline-block只是让行内元素可以设置宽高,让块级元素可以一行显示,但这并不代表设置为inline-block的元...原创 2021-08-11 12:30:04 · 1664 阅读 · 0 评论