css 揭秘-读书笔记
css 揭秘 [希]Lea verou 著 css 魔法 译 该书涵盖7大主题，47个css技巧，是css进阶必备书籍，开阔思路，探寻更优雅的解决方案。这本书完全用css渲染出的html写成的(布局、图片、颜色、页码、章节号等)。 涵盖7大主题 背景与边框 形状 视觉效果 字体排印 用户体验...
CSS揭秘（二）背景与边框
Chapter2 背景与边框 1. 半透明边框 基础：了解 RGBA & HSLA 颜色（色调 0~360、饱和度、亮度 （0%黑色~100%白色）、透明度） 默认情况下，背景在边框的下层，容器的背景从半透明的边框透上来并覆盖了底层背景，如下图： （图片均来自于本书所带网站：http://p...
CSS揭秘读书笔记-第二章 背景与边框
半透明边框默认情况下，背景会延伸到边框所在的区域的下层。如果要给一个容器添加半透明白色边框，并用白色背景，这样写的话是看不到半透明效果的，white背景会从半透明边框下透出来：border:10px solid hsla(0,0%,100%,.5);background: white; 可以通过ba...
CSS揭秘读书笔记 （一）
CSS揭秘读书笔记 （一） 一、半透明边框 要想实现半透明边框可以使用border： div{ border: 10px solid hsla(0,0%,100%,.5);background:white;background-clip:padding-box;} ① ...
CSS揭秘—透明边框（一）
前言： 所有实例均来自《CSS揭秘》，该书以平时遇到的疑难杂症为引，提供解决方法，只能说秒极了，再一次刷新了我对CSS的认知 该书只提供了关键CSS代码，虽然有在线示例代码链接，但访问速度较慢。下面示例代码是我自己写的，若有错误，欢迎指正 注：我会在在最开头附上每个相关示例所需CSS属性链接作为...
css揭秘笔记——用户体验
选用合适的鼠标光标 css3提供了一大批内建光标(cursor)其中某些光标很突出，因为只需要花费极少的代码，就可以迅速地提升大量网页应用的可用性。比如禁用（not-allowed），比如，公共触摸屏中隐藏光标，可以直接使用cursor:none搞定，而不需要额外的透明图片。 扩大可点击区域 将点击...
CSS揭秘—多重边框（二）
前言：所有实例均来自《CSS揭秘》，该书以平时遇到的疑难杂症为引，提供解决方法，只能说秒极了，再一次刷新了我对CSS的认知该书只提供了关键CSS代码，虽然有在线示例代码链接，但访问速度较慢。下面示例代码是我自己写的，若有错误，欢迎指正注：我会在最开头附上每个相关示例所需CSS属性链接作为补充，以供查...
[css 揭秘]-css coding tips
css 揭秘之css coding tipsdemo（1）html 代码：<body> <section> <div class="demo1"></div> </section></body>css ...
[css 揭秘]：CSS编码技巧
CSS编码技巧我的github地址：https://github.com/FannieGirl/ifannie喜欢的给我一个星吧尽量减少代码重复尽量减少改动时需要编辑的地方当某些值相互依赖时，应该把它们的相互关系用代码表示出来代码易维护 VS 代码量少currentColor —— CSS有史以来第...
《css揭秘》学习笔记（二）
第三章形状9、自适应的椭圆圆形：给一个正方形设置一个大于边长长度一半的border-radius即可。椭圆：border-radius:50%;半椭圆：border-radius:100%000;四分之一椭圆：border-radius:100%000;10、平行四边形最简单的变形：形状和内容一起变...
《CSS揭秘》笔记（一）
前言我们在现代CSS中所面临的挑战已经不在于如何绕过这些转瞬即逝的浏览器bug。如今的挑战是，在保证DRY①、可维护、灵活性、轻量级并且尽可能符合标准的前提下，把我们手中的这些CSS特性转化为网页中的各种创意。这正是这本书将要呈现的内容。——引用自前言①DRY是Don’tRepeatYourself...