codesWay的博客

LESS使用方法简介（装逼神器）LESS 做为 CSS 的一种形式的扩展，它并没有阉割 CSS 的功能，而是在现有的 CSS 语法上，添加了很多额外的功能，所以学习 LESS 是一件轻而易举的事情，果断学习之！变量很容易理解:@nice-blue: #5B83AD;@light-blue: @nice-blue + #111;#header { color:

text-indent:常用于文本的首行缩进，单位可以是已知的任何值，可以继承；text-align:的值可以是center/left/right/justify/inherit前三个的作用不必多说，第四个justify是将块级元素中的文本内容给两端对齐，inherit是继承父级元素的样式；line-height:line-height的值控制了行间距，是文本行超出字体大小的额

所谓无规矩不成方圆，在写代码的时候遵守一些好的代码规范，能够让我们更加快速地开发，更重要的是一旦养成了习惯，这些会让你受益无穷，所以就从现在做起，养成良好的代码编写习惯，每一天进步一点点！腾讯AlloyTeam的前端规范

一般而言，不要给外层div容器设置高度，为了防止在不同的分辨率下显示的不一样，应该让其自然填充即可，尤其是对于上下两栏布局而言

一、前言在如今各个分辨率显示器N足鼎立的时期，页面采用流动性布局（亦可称自适应布局）不失为一个好选择。当然，具体实现不是那么容易，需要一定的css功力和实践经验。本文不讲细节，只讲外部的自适应架构，这也是实现整个页面自适应的前提。目前为止，我所熟知的左中右三栏宽度自适应于浏览器的方法有三个：绝对定位法，margin负值法以及自身浮动法。这些方法简洁实用，且无兼容性问题。如果您想在您的页面上使用

浮动和定位的区别：对元素使用浮动，那么这个元素依然存在于文档流中，周围的元素也会感受到他的存在；定位的话，能够实现精准定位于某一个位置上，定位的元素将不占据空间，就像消失了一样被定位过的容器（无论是绝对还是相对）的左上角将作为该容器中定位元素的起始点小Tips：对于浮动元素，而且还会有水平margin的情况下，在IE浏览器中会出现外边距加倍的情况解决办法：给那个

直接上图：只要了解这个就行了：还有就是：1.内敛样式的权重为1,0,0,0，这也就是传说中的就近原则吧！2.还有就是利用“！important”，拥有最高的权重，注意！important要卸载某条样式声明之前（分号的前面）

除了常用的通用选择器（*），ID选择器，class选择器，标签选择器之外，以下主要总结一下自己不常用但是却很重要的一些选择器：伪类选择器：：visited  当链接被访问过后的时设置的样式（多用于链接）；：hover 当鼠标悬浮在元素上的时候定义的样式（一般任何元素均可）；：link  链接处于平常状态的样式（多用于链接）；：active 当链接访问的那一瞬间定义的样式；

在html和Xhtml中有这样的一条规则：对于html或者xhtml而言，行内元素可以嵌套在块级元素中，对于css而言，却没有限制因为有display，反之不行（块级元素不能嵌套在行内元素中），即便是有了css也不行link和@import的区别：link中的一些属性的解释，rel表示关系（可能是relationship的缩写吧），type表示数据的类型，href指向css文件路径，但是r

一般来说在一个元素中可以使用一个背景图就可以了，但如果自己想要用多个图片呢，又要怎么办呢？答案就在这里，还是利用background-image属性：只不过值变成了你想要添加的背景图路径 url（img1），url（img2），url（img3）...，这里将出现的效果，展现的是最上面的那个背景图（img1在最上面，以此类推），给每一个背景图添加属性background-repeat：no-r