火火的专栏

css中定位相信大家都用过position来对元素定位，很多定位的地方用margin，padding感觉很麻烦，而且如果用js来改变img的src时，如果图片的大小不一，必定会对相邻用margin，padding定位的元素的位置产生偏差！但是如果都用position来定位，也会有很多的麻烦，由于电脑的分辨率不一样，可能在你的电脑上用position定位后感觉还可以，结果一拿到其他人的电脑上就变了样，

css框架scss1、SASS从第三代开始，开始迎合程序员的使用习惯，放弃缩进式，以及完全兼容普通的CSS代码，这一代的SASS也称之为SCSS 对于LESS，SASS功能更加强大2、sass有两种后缀名文件：一种后缀名为sass，不使用大括号和分号；另一种就是我们这里使用的scss文件，这种和我们平时写的css文件格式差不多，使用大括号和分号；基本使用（与less的区别） 主要是开头不一样：

css框架lesscss并不能称之为一门真正的编程语言，我们一般称之为样式层叠表。css文件比较麻烦的地方–充斥大量的重复定义(程序员的噩梦)，不但编写的时候难组织，代码量大，随着以后规模扩大二次开发的问题更明显 最明显的一点就是无法定义变量供我们重复使用还有命名空间的问题等。less框架诞生于2009年，使用javascript语言编写的一种css预处理语言，他为css赋予了编程的特性如变量/继

css框架960gridCSS框架是一种你能够使用在你的web项目中概念上的结构，是别人已经写完的，而且很完善的CSS定义集合。CSS框架一般是CSS文件的集合，包括基本风格的字体排版，表单样式，表格布局等等 ————简单的来说就是站在巨人的肩膀上面，利用别人写好的东西，不用自己在麻烦一次由于电脑显示器有方屏、宽屏，宽屏又分16:9和16:10。分辨率更是多种多样，这么多不同模式下得用户如何能看

简介 CSS（层叠样式表）是一门历史悠久的标记性语言，同 HTML 一道，被广泛应用于万维网（World Wide Web）中。HTML 主要负责文档结构的定义，CSS 负责文档表现形式或样式的定义。 作为一门标记性语言，CSS 的语法相对简单，对使用者的要求较低，但同时也带来一些问题：CSS 需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用，尤其对于非前端开发工程师来讲，往往会因为

rgba()和opacity的比较这段时间我想用opacity给背景加个透明度，但是发现它里面的子元素也继承了；如果你只是想给遮罩层加个透明度（就像优酷登陆时弹出的遮罩层上面是登陆框，如果登陆框也透明，你想想那是什么感觉）。当然解决的方法也有就是用平级元素，然后再定位；这就麻烦了！下面就引出css3中的rgba();rgba语法:R：红色值。正整数 | 百分数G：绿色值。正整数 | 百分数B：蓝色值

css框架bootstrap（练习表单）简介 Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括N

css3(transform变形)在CSS3中，用Transform功能可以实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形，这四种变形分别使用rotate、scale、skew和translate这四种方法来实现。将这四种变形结合使用，就会产生不同的效果，使用顺序不同，产生的效果是不一样的。　　目前浏览器支持情况：Safari 3.1+、 Chrome 8+、Firefox 4+、Opera

在css2中允许我们使用media的属性，例如使用screen和print，我也写过一篇关于使用CSS media的print来定义打印网页的样式的文章，关于css2中的media文章，推荐下w3c的。今天来说说CSS3的Media Queries。CSS3中不仅仅可以使用screen和print，而且支持多媒体多分辨率的样式表。我们先来看下CSS3 Media Queries的演示实例：css3m