随笔分类 - CSS
摘要：ccs定位属性relative,absolute,fix,z-index等概念
阅读全文
摘要：讲解了height中的%的使用，以及该注意的问题，附有完整的代码，若有什么建议或者意见，欢迎前来打扰。
阅读全文
摘要：Flex布局是什么 如何指定一个容器为Flex布局 Flex的基本语法 display flex-direction justify-content align-items flew-wrap align-self flex-flow flex order 示例 骰子的布局 圣杯的布局 参考文章 一
阅读全文
摘要：提升指定样式规则的应用优先权。 IE6及以下浏览器有个比较显式的支持问题存在，!important在同一条规则集里不生效。请看下述代码： 示例代码： div { color: #f00 !important; color: #000; } 在上述代码中，IE6及以下浏览器div的文本颜色为#000，
阅读全文
摘要：Active的一段话 active的英文解释为“积极的”，表现在鼠标上就是点击的意思。关于active选择器最多的示例恐怕就是应用在链接上面的，然而打开链接是一个一瞬间的动作，这不能很好的体现active选择器的特点。 Active的特点 其实我们打开一个带有active链接，激活acive是有一个
阅读全文
摘要：CSS padding margin border属性详解 图解CSS padding、margin、border属性W3C组织建议把所有网页上的对像都放在一个盒(box)中，设计师可以通过创建定义来控制这个盒的属性，这些对像包括段落、列表、标题、图片以及层。盒模型主要定义四个区域：内容(conte
阅读全文
摘要：本文章包含了常用的css标签，比如：text-align的值的区别，如果有什么建议欢迎前来打扰。
阅读全文
摘要：本文介绍了css3中的box-sizing属性，在这之前读者需要预备知识width的范围。 浏览器的支持情况 box-sizing属性 box-sizing属性可以有三个值：content-box（defalut），border-box，inherit。 <style> div{ width:100
阅读全文
摘要：理解CSS3 transform中的Matrix(矩阵) by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=2427 一、哥，我被你吓住了 打架的时候会被块头大的吓住，学习
阅读全文
摘要：border-image简介 border-image是CSS3中的新特性。目前几乎所有的主流浏览器都已经支持该特性，详情请移步border-image的兼容性。 border-image属性及使用说明 border-image的属性有6个，分别为border-image-source, borde
阅读全文
摘要：在CSS中，尺寸单位分为两类：相对长度单位和绝对长度单位。相对长度单位按照不同的参考元素，又可以分为字体相对单位和视窗相对单位。字体相对单位有：em、ex、ch、rem；视窗相对单位有：vw、vh、vmin、vmax几种。绝对长度单位则是固定尺寸，它们采用的是物理度量单位：cm、mm、in、px、p
阅读全文
摘要：超链接文字的状态可以通过伪类选择符＋样式规则来控制。 一组专门的预定义的类称为伪类，主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符＋样式规则来控制。伪类选择符包括： 总: a 表示 超链接文字的状态可以通过伪类选择符＋样式规则来控制。 一组专门的预定义的类称为伪类，主要用来处理超链接的
阅读全文
