《CSS 揭秘》每章详细读书笔记

《CSS 揭秘》每章详细读书笔记

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eS4SupjZ-1589817256003)(https://raw.githubusercontent.com/lawler61/blog/master/css/css-jiemi-notes/images/logo.jpg)]

一、个人站点

www.freeze61.me

可直接复制 html 文件在浏览器中运行

二、目录结构

具体请移步：https://github.com/lawler61/blog/blob/master/css/css-jiemi-notes/index.md

喜欢的麻烦给颗 ❤ 哦

前言

• 前言

第一章 引言

• 引言

第二章 背景与边框

• 1.半透明边框

• 2.多重边框

• 3.灵活的背景定位

• 4.边框内圆角

• 5.条纹背景

• 6.复杂的背景图案

• 7.伪随机背景

• 8.连续的图像边框

第三章 形状

• 9.自适应的椭圆

• 10.平行四边形

• 11.菱形图片

• 12.切角效果

• 13.梯型标签页

• 14.简单的饼图

第四章 视觉效果

• 15.单侧投影

• 16.不规则投影

• 17.染色效果

• 18.毛玻璃效果

• 19.折角效果

第五章 字体排印

• 20.连字符断行

• 21.插入换行

• 22.文本行的斑马条纹

• 23.调整tab的宽度

• 24.连字

• 25.华丽的 and 符号

• 26.自定义下划线

• 27.现实中的文字效果

• 28.环形文字

第六章 用户体验

• 29.选用合适的鼠标光标

• 30.扩大可点击区域

• 31.自定义复选框

• 32.通过阴影来弱化背景.1

• 32.通过阴影来弱化背景.2

• 33.通过模糊来弱化背景

• 34.滚动提示

• 35.交互式的图片对比控件

第七章 结构与布局

• 36.自适应内部元素

• 37.精确控制表格列宽

• 38.根据兄弟元素的数量来设置样式

• 39.满幅背景，定宽内容

• 40.垂直居中.1

• 40.垂直居中.2

• 41.紧贴底部的页脚.1

• 41.紧贴底部的页脚.2

第八章 过渡与动画

• 42.缓动效果

• 43.逐帧动画

• 44.闪烁效果

• 45.打字动画

• 46.状态平滑动画

• 47.沿环形路径平移动画