- 博客(6)
- 收藏
- 关注
RSS订阅转载 换一种思维去编写css代码
每个前端开发者都经常根据业务的进行写着大量重复的 css 样式，写时一时爽，维护火葬场。 随着业务的发展，css 代码会变得越来越多越来越难以维护。 经常会出现 important 强行改变 css 的样式，这样做的唯一好处就是能够符合当前业务需求，但是自己挖的坑，可能是别人哭爹骂娘跪着填上的，而这一切仅仅是因为大量重复的垃圾代码。 css 魔法数字 在代码重构中有一点就是减少你代码中的魔法数字。 我们在写 css 的时候经常会写 body { /** 经常使用#fff的人会知道这是白色， *
2021-01-16 15:10:40
283
转载 CSS之高性能代码与优化
CSS 编码技巧 【1】尽量减少代码重复 line-height写倍数 font-size写百分比 当某些值相互依赖时，应该把它们的相互关系用代码表达出来。 比如line-height写倍数、font-size写百分比更利于维护。 font-size:20px; height:20px; line-heigth:20px; 换成 font-size: 150%; height:20px; line-heigth:1.5; 【2】代码易维护 vs．代码量少 比如：我们不需要左边框 border-width
2021-01-09 15:19:20
216
转载 CSS实现两个圆重叠交替
一、重点属性display display 是CSS中最重要的用于控制布局的属性。每个元素都有一个默认的 display 值，这与元素的类型有关。对于大多数元素它们的默认值通常是 block 或 inline 。一个 block 元素通常被叫做块级元素。一个 inline 元素通常被叫做行内元素。 block div 是一个标准的块级元素。一个块级元素会新开始一行并且尽可能撑满容器。其他常用的块级元素包括 p 、 form 和HTML5中的新元素： header 、 footer 、 section 等等。
2020-12-26 14:33:19
3001
转载 CSS世界中一些冷门知识
清除浮动 // 1、给浮动元素的父级添加calss .clear:after { content: ""; display: 'block'; clear: both; } // 2、给浮动元素的父级添加overflow: hidden 触发BFC，块级格式化上下文，使其生成一块独立的渲染空间 .clear { overflow: hidden； // 或则 auto 也可以 } inline-table内联表格特性 display: inline-table; 取消te
2020-12-19 14:36:11
219
1
转载 CSS-背景属性
a标签的伪类 普通类需要给标签设置对应的class属性值，才能选中标签，类选择器后面添加的属性，会立即加载到浏览器之上。 伪类不需要给标签添加任何属性，伪类名都是语法提前规定好的，书写时伪类必须搭配其它选择器使用，伪类选择器后面添加的样式不一定立即加载到浏览器之上，只有用户触发了对应的行为，伪类的样式才会立即加载。 伪类选择器的权重与普通的类选择器相同。 a标签可以根据用户的行为不同，划分为四种状态，通过a标签的伪类可以设置四种状态去加载对应的效果。 a:link{} /*访问前的状态。*/
2020-12-12 14:12:00
195
转载 CSS——清除浮动所有方法总结
为什么要清除浮动？ 一开始css的浮动，其本质是用来做一些文字混排效果的，但是后来被我们拿来做布局用，就出现了很多问题。 清除浮动的本质：为解决父级元素因为子级浮动引起高度为0的问题 我们很多时候不方便给父盒子的高度，因为我们不清除有多少子盒子，有多少内容。经常的做法会让内容撑开父盒子的高度。 但是如果父盒子中有子盒子浮动了之后，就会影响到后面的盒子，因为浮动元素脱离了标准流。会把后面还在标准流的盒子覆盖，解决这个问题的方法就要清除浮动 如何清除浮动？ 清除浮动其实叫做 闭合浮动 更合适，因为是把浮动的
2020-12-05 10:54:21
1911
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人