css学习
关注
分享
扫一扫
文章平均质量分 66
个人前端学习css部分
宸起
君子不器
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
CSS响应式
1、rem是什么？ rem是一个长度单位 px，绝对长度单位，最常用 em，相对长度单位，相对于父元素，不常用 rem，相对长度单位，相对于根元素，常用于响应式布局 <style> html { font-size: 100px; } div { font-size: 16px; background-color: #ccc; } </style> <body> <p sty原创 2021-09-02 10:32:44 · 497 阅读 · 0 评论 -
CSS定位相关
1、absolute 和 relative 分别依据什么定位？ relative依据自身定位 absolute依据最近一层的定位元素定位 定位元素： absolute relative fixed body 2、居中对齐有哪些实现方式？ 水平居中 inline元素：text-align: center block元素：margin: auto absolute元素：left: 50% + margin-left 负值 垂直居中 inline 元素： line-height 的值等于heig原创 2021-09-01 16:36:25 · 183 阅读 · 0 评论 -
css布局相关
1、盒子模型的宽度如何计算？ #div1 { width:100px; padding:10px; border:1px solid #ccc; margin:10px; } 问：此时div1 的offsetWidth是多少？ offsetWidth=（内容宽度 + 内边距 + 边框），无外边距 所以此时为offsetWidth=122px 如何让offsetWidth=100px，加一个box-sizing: border-box 2、margin纵向重叠的问题 <style> p原创 2021-09-01 13:57:00 · 120 阅读 · 0 评论