HTML5+CSS3
文章平均质量分 80
星星之火M
越努力越幸运越优秀
展开
-
HTML中CSS文本、子元素、图片水平居中和垂直居中的几种方法
CSS文本居中1.单行文本居中水平居中:text-align:center;垂直居中:line-height:XXpx;/*line-height与该元素的height的值一致*/<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></t..原创 2018-01-17 18:03:24 · 21736 阅读 · 0 评论 -
CSS权重(优先权)
在给元素添加CSS规则(样式)时,发现并没有起到预期效果,主要原因是在某处定义了一个更高权重的规则,导致该处的规则并没有生效。因此,我们需要对CSS权重问题有一定了解。CSS权重顺序 CSS样式优先级(就近原则):内联样式(标签内部)>嵌入样式(<head>中的style里)>外部样式(CSS文件中)CSS各级别的优先级:!important > 内联...原创 2018-01-19 17:50:12 · 1980 阅读 · 0 评论 -
关于overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷等等)
一. overflow:hidden 溢出隐藏给一个元素中设置overflow:hidden,那么该元素的内容若超出了给定的宽度和高度属性,那么超出的部分将会被隐藏,不占位。/*css样式*/<style type="text/css"> div{ width: 150px; height: 60px; background: skyblue; overflo...原创 2018-10-23 15:13:56 · 273777 阅读 · 48 评论 -
解决div(或者其他块级标签)里面img图片下方有空白的问题
如下,可以发现img图片下方会有留空问题。<body> <div style="background: skyblue"> <img src="banner2.jpg" alt=""> </div></body>空白产生的原因:图片默认的vertical-ali原创 2019-01-22 10:08:37 · 1287 阅读 · 0 评论