- 博客(6)
- 收藏
- 关注
RSS订阅转载 换一种思维去编写css代码
每个前端开发者都经常根据业务的进行写着大量重复的 css 样式，写时一时爽，维护火葬场。随着业务的发展，css 代码会变得越来越多越来越难以维护。经常会出现 important 强行改变 css 的样式，这样做的唯一好处就是能够符合当前业务需求，但是自己挖的坑，可能是别人哭爹骂娘跪着填上的，而这一切仅仅是因为大量重复的垃圾代码。css 魔法数字在代码重构中有一点就是减少你代码中的魔法数字。我们在写 css 的时候经常会写body { /** 经常使用#fff的人会知道这是白色， *
2021-01-16 15:10:40
189
转载 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
130
转载 CSS实现两个圆重叠交替
一、重点属性displaydisplay 是CSS中最重要的用于控制布局的属性。每个元素都有一个默认的 display 值，这与元素的类型有关。对于大多数元素它们的默认值通常是 block 或 inline 。一个 block 元素通常被叫做块级元素。一个 inline 元素通常被叫做行内元素。blockdiv 是一个标准的块级元素。一个块级元素会新开始一行并且尽可能撑满容器。其他常用的块级元素包括 p 、 form 和HTML5中的新元素： header 、 footer 、 section 等等。
2020-12-26 14:33:19
2696
转载 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
149
1
转载 CSS-背景属性
a标签的伪类普通类需要给标签设置对应的class属性值，才能选中标签，类选择器后面添加的属性，会立即加载到浏览器之上。伪类不需要给标签添加任何属性，伪类名都是语法提前规定好的，书写时伪类必须搭配其它选择器使用，伪类选择器后面添加的样式不一定立即加载到浏览器之上，只有用户触发了对应的行为，伪类的样式才会立即加载。伪类选择器的权重与普通的类选择器相同。a标签可以根据用户的行为不同，划分为四种状态，通过a标签的伪类可以设置四种状态去加载对应的效果。 a:link{} /*访问前的状态。*/
2020-12-12 14:12:00
135
转载 CSS——清除浮动所有方法总结
为什么要清除浮动？一开始css的浮动，其本质是用来做一些文字混排效果的，但是后来被我们拿来做布局用，就出现了很多问题。清除浮动的本质：为解决父级元素因为子级浮动引起高度为0的问题我们很多时候不方便给父盒子的高度，因为我们不清除有多少子盒子，有多少内容。经常的做法会让内容撑开父盒子的高度。但是如果父盒子中有子盒子浮动了之后，就会影响到后面的盒子，因为浮动元素脱离了标准流。会把后面还在标准流的盒子覆盖，解决这个问题的方法就要清除浮动如何清除浮动？清除浮动其实叫做 闭合浮动 更合适，因为是把浮动的
2020-12-05 10:54:21
1836
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人