CSS
文章平均质量分 55
偏爱晴天
痛并快乐着
展开
-
百分比单位
百分比布局除了用px结合媒体查询实现响应式布局外,还可以通过百分比单位“%”来实现响应式的效果。百分比单位总结子元素父元素width基于父元素的widthheight基于父元素的height(top, bottom), (left, right)基于父元素的height, widthmargin(top, right, bottom, left)基于父元素的widthpadding(top, right, bottom, left)基于父元素的wi原创 2021-06-12 20:04:44 · 51 阅读 · 0 评论 -
css居中处理
居中单行文本居中水平方向text-align(center)垂直方向设置行高与高度一致(line-height=height)多行文本在盒子中垂直居中(盒子不给高度,用上下padding挤出来)水平方向text-align(center)垂直方向设置容器的padding盒子在父盒子内水平居中设置盒子的margin(0 auto)盒子在父盒子内垂直居中已知父盒子的高度,设置盒子的margin-top未知父元素的高度,设置盒子的padd原创 2021-01-10 22:04:14 · 1421 阅读 · 0 评论 -
CSS隐藏元素属性
利用CSS属性来隐藏元素:display: none; --> 元素消失,不保留原占有空间visibility: hidden; --> 设置元素能见度(hidden),元素消失,保留原占有空间opacity: 0; --> 设置元素的不透明度(0), 元素消失,保留原占有空间举例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <原创 2021-01-09 23:51:44 · 479 阅读 · 0 评论