100个必加的CSS技能点_小报童_
100个必加的CSS技能点介绍
作者：大澈，优质科技领域公众号博主，掘金年度人气作者，全网阅读量100w+。\n\n本专栏整理了100个工作中最常用的CSS技术点，包含了：垂直水平居中、单行和多行文本省略、圣杯布局、双飞翼布局、px转vw、px转rem等技术点。\n\n你能从中学到很多有用知识，帮你少走很多弯路。\n\n原价99元，现价只需10元，一杯奶茶钱，可以永久买断。
| 名称 | 作者 | 读者数量 | 内容数量 | 更新时间 |
|---|---|---|---|---|
| 100个必加的CSS技能点 | 程序员大澈 | 12人 | 27篇 | 2024-09-19 |
最近更新
专栏目录 | 读者必看
大澈建了专栏陪读群，群里可以答疑，可以讨论，专栏更新通知，还会不定时分享一些福利！
扫描下方大澈微信，备注：100个必加的CSS技能点 ，即可进群。
专栏目录（持续更新中...）
一、基础篇
第1个：垂直水平居中
第2个：单行和多行文本省略
第3个：二栏布局
第4个：三栏布局
第5个：圣杯布局
第6个：双飞翼布局
第7个：文字渐变色
第8个：粘连导航
第9个：文字环绕图片
第10个：媒体查询的正确使用
第13个：画各种图形
第14个：选择器权重的计算
第15个：返回顶部
第16个：自定义滚动条
第17个：文本换行
第18个：使用自定义字体
第19个：修改段落首字母的样式
第20个：样式重置
第21个：文本垂直排版
第22个：浏览器前缀
第23个：网页颜色一键变灰
第26个：调整段间距、行间距、字间距
二、进阶篇
第11个：px转rem
第12个：px转vw
第24个：页面平滑滚动
第25个：正确起 class 类名
第26个：调整段间距、行间距、字间距
在 CSS 中，可以通过以下方式分别调整段间距、行间距和字间距：
段间距（段落之间的距离）：
使用 margin 属性来设置段落之间的间距。例如，要设置段落......
第25个：正确起 class 类名
原谅我把起一个正确的 class 类名的文章顺序放在这里。
因为我觉得起类名，在工作中并没有那么重要，随你的心。但是，尽量还是要把它起的规范一点，不然真的挺“膈应人”哈。
第24个：页面平滑滚动
通过使用CSS的scroll-behavior属性，你可以为网页添加平滑滚动效果，使页面在滚动时更加流畅和舒适。
将其应用于html或body元素，即可启用平滑滚动效果。
第23个：网页颜色一键变灰
这段代码展示了如何使用 CSS 滤镜来将整个网页变为灰度效果。
在特殊的日子里，网页有整体变灰色的需求，可以使用这段代码，这个需求很有必要。
再就是做一些老......
第22个：浏览器前缀
或许你有这么一个疑问：CSS浏览器前缀有什么用，加不加它有啥区别？
简单解答一下：
使用 CSS 浏览器前缀是确保新 CSS 功能在所有浏览器中兼容和稳定的一种方式。尽管许多现代浏览器......
第21个：文本垂直排版
今天分享一下如何在网页上实现垂直排版的文本布局。
这种布局在项目中有可能会用到，特别是在一些特殊场景（如中文古诗词展示、日文排版等）中非常实用。
awesome-xiaobot
返回 首页