《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.沿环形路径平移动画

《CSS 揭秘》每章详细读书笔记相关推荐

  1. 《ASP.NET Core 与 RESTful API 开发实战》-- (第10章)-- 读书笔记

    第 10 章 部署 10.1 部署到 IIS ASP.NET Core 应用程序支持部署到 IIS 中,之后它将作为应用程序的反向代理服务器和负载均衡器,向应用程序中转传入的 HTTP 请求 默认情况 ...

  2. 【深度学习(deep learning)】花书第12章 应用 读书笔记

    [深度学习(deep learning)]花书第12章 应用 读书笔记 第12章 应用 [深度学习(deep learning)]花书第12章 应用 读书笔记 前言 一.大规模深度学习 1.快速的CP ...

  3. PUB/SUB Pattern-Oriented Software Architecture v1巨详细读书笔记 11

    GoF的Observer有没有什么变体存在,他的别名可以叫什么?在本笔记中,Publisher-Subscriber(出版-订阅)模式为这些问题做了完美解答.在笔记的最后还描述了Pattern Sys ...

  4. 《CSS权威指南第三版》第二章的读书笔记

    第2章 选择器 CSS的主要优点,就是很容易向所有同类型的元素应用一组样式. 1.    基本规则 修改所有h2: h2{color:gray;} a.    规则结构 每个规则有两个基本部分:选择器 ...

  5. css揭秘第二章:背景与边框,自己的学习笔记,如有错误请多指正

    1 半透明边框 width: 200px;height: 200px;background: white;border: 10px solid hsla(0, 0%, 100%, 0.5);backg ...

  6. 质量总监成长记(前三章)--读书笔记

    序:让人人成为克劳士比 笔记记录: 五个零缺陷的秘密:从改变生产模式向改变心智模式转变:从忙着解决问题向系统地预防问题转变:从改变产品.设备等硬件向改变人.组织等软件转变:从非此即彼的分割思想向整体思 ...

  7. 工程导论 第四章 创造力 读书笔记

    阅读工程导论 第四章 笔记 工程师是一个需要创造力的职业,创造力对于工程师来说是不可或缺的一种能力. 而工程的实现不仅需要个人的创造力,还要群体的创造力,个人的创造力来自于个人的专业素养和生活经历,而 ...

  8. 深入了解数据分析丨《精益数据分析》超详细读书笔记

    本文为PMCAFF专栏作者里柳出品 本书涵盖关于产品与数据分析的知识很丰富,推荐深入阅读. 数据分析简析 -转化率和购买所需时间绑定的:二者相结合可以告诉你很多关于现金流的信息 -拥有足够大的样本,不 ...

  9. 《构建之法》(第四、十七章)读书笔记

    一.关于代码规范 1.1 因为软件开发多数是一个团队的事情,所以需要格外注意代码规范.我们的代码日后通常是需要去维护的,是需要去给别人看的.但是,不同的编程语言对代码规范的要求是否相同呢? 因为在工作 ...

  10. 《css设计彻底研究》读书笔记之 盒子模型

    一.在给元素设置背景时 IE作用域:content + padding Firefox作用域:content + padding + border 二.border border-color : re ...

最新文章

  1. Matlab数据的可视化 -- 条形图
  2. ios 部分string颜色_ios 设置字符串中某段字符的颜色
  3. 面试题之在字符串中查找出第一个只出现一次的字符的位置
  4. 关于数据可视化入门,看这一篇够了
  5. C/S简易UI框架开发总结(2)
  6. VS2012 发布网站步骤
  7. MySQL笔记-唯一键的使用
  8. android弹窗不能手动关闭_Android弹窗的实现及相关bug
  9. 解决Ubuntu下软件包依赖关系的若干方法
  10. 勒索病毒免费解密工具都在这里!
  11. java向上取整和向下取整,万字长文!
  12. 三维全景融合拼接技术
  13. GBase8s数据库MINUS 运算符
  14. 技术方案|高精密划片机
  15. SQL Server 2000中的并行处理和执行计划中的位图运算符
  16. 学计算机c语言吗,学习C语言对学习计算机很重吗?
  17. android ndk : error pluginprotocolstatic: local_src_files 错误
  18. python炫酷gui界面_python+tkinter+动画图片+爬虫(查询天气)的GUI图形界面设计
  19. linux下pcsc读卡器驱动安装及使用
  20. 突发!知名大学一实验室起火

热门文章

  1. Qnap威联通NAS数据丢失恢复方法
  2. Vitalik 系统设计中的封装复杂性和系统复杂性
  3. 物联网技术,主要包括哪些核心技术
  4. 基于PT100的温度测量系统设计
  5. webrtc中视频采集实现分析(一) 采集及图像处理接口封装
  6. 计算机考研作息时间表,2016考研人:牛人的考研作息时间表
  7. word每个标题前都有个小黑点,怎么去掉?
  8. 【FineReport】常用快捷键
  9. 基于STM32F103单片机的车牌识别图像处理识别系统 原理图PCB程序设计
  10. 世园会开幕式上的机器人_小胖机器人驻扎“2019北京世园会”媒体分会场