- 博客(9)
- 收藏
- 关注
RSS订阅
1原创 常用的居中方法
盒子水平居中： margin: 0 auto; 使用条件：设置了指定宽度的块级元素 单行文本水平居中 text-align：center; 文字垂直居中 单行文本用line-height 多行文本可以用 padding 常用垂直水平居中的方法 <body> <div class="fa"> <div class="son"> </div> </div> &l...
2021-09-30 14:20:26
143
原创 什么叫优雅降级和渐进增强
优雅降级：一开始就构建完整的功能，然后再针对低版本的浏览器进行兼容 渐进增强：针对低版本的浏览器进行构造页面，先保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验 ...
2021-09-20 10:35:45
74
原创 width：100%和width：auto的区别
标准盒子模型和IE盒子模型的介绍 标准盒子模型 从上图可以看出标准盒子模型的范围包括margin 、border、padding、content，并且content部分不包含其他部分，就为我们在样式上所设置的宽高。 IE盒子模型（怪异盒子模型） 从上图可以看出，IE盒子模型的范围也是包括margin 、border、padding、content，但和标准盒子模型不同的是，IE盒子模型的content部分包含border部分和padding部分，即我们在样式中所设置的宽高包含了co...
2021-09-15 21:08:08
313
原创 js随机颜色的获取
let color = '#'+Math.random().toString(16).substr(2,6).toUpperCase();
2021-09-07 12:28:50
125
原创 用纯CSS创建一个三角形
1、把元素的宽度和高度设置为0 2、把元素的边框隐藏掉（即边框颜色设置为透明 transparent） 3、再单独设置一条边框的颜色即可 .mydiv{ width: 0; height: 0; border: 12px solid transparent; border-bottom-color: red; } ...
2021-09-06 09:17:44
162
原创 为什么要清除浮动以及清除浮动的方法
清除浮动 我们为什么要清除浮动？ 如果对子元素都使用浮动会造成父元素的塌陷，不能填充父元素，即不能撑开父元素，这时候就需要清除浮动。 （1）清除浮动的clear属性 clear:属性值; 其属性值如下： left /*清除左浮动*/ right /*清除右浮动*/ both /*同时清除前面的左右浮动*/ （2）清除浮动的方法 使用伪元素清除浮动 /* 为所要清除浮动的父级添加一个 clearfix 类 */ .clearfix::after{ con...
2021-09-01 08:44:50
310
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人