随笔分类 -  CSS读书笔记系列

看《css知多少》的一些总结
摘要：问题1、有些浏览器不完全支持css3，现在可以用哪个工具去检测浏览器是否支持，以及支持哪些项？modernizr:检测浏览器对HTML5和CSS3特性（至于modernizr的介绍，可以看我另外一篇博文HTML5系列四（特征检测、Modernizr.js的相关介绍））2、常用的html标签，它们的d... 阅读全文
posted @ 2015-07-24 22:31 静逸 阅读(2047) 评论(2) 推荐(18) 编辑
你所不了解的float（滥用float的怪异现象）
摘要：float设计初衷就是为了实现文字环绕效果原本页面流布局显示如上图所示，运用了float属性后就显示为如下图所示，这就是浮动的设计初衷float的一些特性：包裹性、破坏性。包裹的特性其实主要有三个表现：收缩、坚挺、隔绝。float破坏性主要表现在使父容器塌陷（浮动使得父容器塌陷是标准而非bug，否则... 阅读全文
posted @ 2015-07-23 16:48 静逸 阅读(11320) 评论(30) 推荐(38) 编辑
CSS3系列四（Media Queries移动设备样式）
摘要：viewport设置适应移动设备屏幕大小viewport：允许开发者创建一个虚拟窗口并自定义其窗口的大小或缩放功能代码中的content属性可以设置如下6种不同参数Media Queries如何工作1、定义当前屏幕可视区域的宽度最大值是600像素那么small.css怎样写的呢@media scre... 阅读全文
posted @ 2015-06-27 17:36 静逸 阅读(641) 评论(0) 推荐(0) 编辑
CSS3系列三（与背景边框相关样式 、变形处理、动画效果）
摘要：与背景相关的新增属性大家都知道在HTML页面中，元素都是由以下几部分组成使用background-clip来修改背景的显示范围，如果设定为border-box，则背景范围包含边框区域，如果设定为padding-box则不包含边框,包含padding区域。如果设定为content-box则背景只包含内... 阅读全文
posted @ 2015-06-22 11:03 静逸 阅读(1384) 评论(0) 推荐(0) 编辑
CSS3系列一（概述、选择器、使用选择器插入内容）
摘要：CSS3模块化结构CSS历史发展CSS（Cascading Style Sheet），层叠样式表，是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。CSS3属性选择器E[attr=val]表示具有属性att且其值等于valE[attr*=val]表示具有属性attr且其值中包含val... 阅读全文
posted @ 2015-06-21 17:43 静逸 阅读(1209) 评论(1) 推荐(0) 编辑
说说css3布局
摘要：使用float属性或position属性布局的缺点 示例文字。相对来说比较长的示例文字。 示例文字。相对来说比较长的示例文字。 示例文字。相对来说比较长的示例文字。 ... 阅读全文
posted @ 2015-06-18 20:29 静逸 阅读(4511) 评论(1) 推荐(5) 编辑
CSS--字体
摘要：通用字体系列CSS中定义了5种通用字体系列举例说明：指定通用字体系列 body { font-family:sans-serif;/*如果你希望文档使用一种sans-serif字体而并不关心是哪一种具体字体，这样用户代理会从ans-serif字体系列中选择一个字体... 阅读全文
posted @ 2015-05-23 22:01 静逸 阅读(912) 评论(0) 推荐(1) 编辑
CSS--结构和层叠
摘要：选择器的特殊性特殊性值表述为4个部分，如0,0,0,0。具体特殊性如下所示：举例说明一下：通配符选择器的特殊性通配符选择器其特殊性为0,0,0,0!important重要性大家都知道内联样式的特殊性最高，如果在一个样式声明最后也就是分号结束之前插入!important来标志它的重要性，它将会最终应用... 阅读全文
posted @ 2015-05-23 20:33 静逸 阅读(680) 评论(1) 推荐(1) 编辑
CSS--值和单位
摘要：等价颜色表什么叫Web安全色所谓的“web安全”颜色是指在256色计算机系统上总能避免抖动的颜色。Web安全颜色可以表示为RGB值为20%和51（相应的十六进制值为33）的倍数。如果使用RGB百分数，要让所有这3个分量都要么是0%，要么是一个能被20整数的数同理，如果是使用0~255范围的RGB值，... 阅读全文
posted @ 2015-05-23 19:25 静逸 阅读(1677) 评论(0) 推荐(0) 编辑
CSS--选择器
摘要：选择器选择器的规则结构包括：选择器和声明块，每个声明块是一个属性键值对（记住每个声明块最好加分号结尾） p.warning { font-weight:bold; /*其class属性包含词warning的所有段落*/ ... 阅读全文
posted @ 2015-05-23 18:18 静逸 阅读(404) 评论(2) 推荐(0) 编辑