css
关注
分享
扫一扫
文章平均质量分 52
maktubK
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
CSS 常用样式总结
宽高计算 height:calc（100% - 100px） 渐变属性 background: linear-gradient(90deg, #fd6f7d 0%, #f93c47 100%); box-shadow: 0px 1px 3px 0px rgba(250, 72, 84, 0.5);原创 2021-06-01 08:31:18 · 129 阅读 · 0 评论 -
移动端常见兼容问题
1.iphone X 底部被遮挡问题 解决方式：在底部元素添加以下适配代码 body {height: 100vh;} /* 你的贴底元素↓ */ .container { position: absolute; bottom: 0; padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */ padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS原创 2021-04-21 09:57:46 · 365 阅读 · 0 评论 -
CSS 基本知识点梳理
1.介绍下CSS的盒子模型？ 通过box-sizing设置 box-sizing:context-box 标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin box-sizing:border-box 怪异盒模型：宽度=内容宽度（content+border+padding）+ margin 2. CSS选择器有哪些？哪些属性可以继承？ CSS 选择器 id选择器：#id 类选择器：.className 标签选择器：div h3 p 相邻选择器：div+原创 2021-02-24 20:51:44 · 147 阅读 · 0 评论 -
CSS3新特性总结
transform 过渡原创 2021-02-24 20:49:15 · 149 阅读 · 0 评论 -
CSS 常见的兼容性问题
怎么让Chrome支持小于12px 的文字？ p{font-size:10px;-webkit-transform:scale(0.8);} //0.8是缩放比例原创 2021-02-24 18:49:44 · 192 阅读 · 0 评论 -
CSS 移动端布局
px rem em 1.px 固定的像素单位 2.em 相对父元素fontSize大小 3.rem 相对根元素 fontSize大小（CSS3出现） 举个栗子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <原创 2021-02-07 16:58:27 · 366 阅读 · 0 评论 -
CSS(一) 经典布局（两边固定，中间自适应）的五种方式
两边固定，中间自适应 本篇总结五种思路实现方式， 圣杯布局 圣杯布局，方便理解是带有两只耳朵的奖杯，耳朵跟奖杯是一体，所以左右两边跟中间同级，但是content在上面 第一步：中间盒子100%，两边固定宽度，三个盒子依次上下 第二步：全员float：left， left与right 在第二行 脱离文档流 第三步：父级盒子 不要给宽度，margin：0 200px 留出 左右盒子位置 第四步：left 盒子 （1）margin-left:100% 将浮动元素向上移动一行文档流‘ （2）positi原创 2020-07-06 15:03:40 · 1938 阅读 · 1 评论