![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
文章平均质量分 56
小白敲bug
这个作者很懒,什么都没留下…
展开
-
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 · 146 阅读 · 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 · 1699 阅读 · 0 评论 -
html标签的默认样式及去除
虽然在一般情况下、我们大部分人都会直接引用一份已经写好的专门去除标签默认样式的reset.css文件(重置样式表)到项目中,进而去除掉元素的默认样式。但是对于一些常用标签的默认样式,我们还是要有一定的了解和熟知,在上手做项目、进行布局的时候,才不会因这些细碎的知识盲区而陷入困扰之中。/*淘宝reset.css*/html {overflow-x:auto;overflow-y:scroll;}body, dl, dt, dd, ul, ol, li, pre, form, f...原创 2021-08-09 22:58:25 · 4484 阅读 · 0 评论