theowl的专栏

经常为不同分辨率设备或不同窗口大小下布局错位而头疼，可以利用@media screen实现网页布局的自适应。      优点：无需插件和手机主题，对移动设备友好，能够适应各种窗口大小，只需在CSS中添加@media screen属性，根据浏览器宽度判断并输出不同的长宽值。      以下是针对自用主题而写的css，对宽度768以下设备只保留主要文章框架，以便在有限的空间里获得最佳阅

background-size属性和background-origin属性、background-clip属性一 样，也是CSS3对于background新增加的属性。它的作用是指定背景图片的大小，比如：对于一个div块，我们需要为它添加一张图片作为背景，然 而图片大小并非总能尽如人意，但我们又不想使用background-repeat属性让背景平铺，那么这时我们就可以使用background- 

Margin：往外Padding：向里WidthHeightRightLeftTopBottom每一个标签都可以成为一个小盒子，每个小盒子都有以上这些属性，来确定要展现的内容，有规则的拼接在一起来展现所要表现的样式。子标签在显示过程中margin-top要加上父类标签的像素。这就会涉及到absolutely，stract等属性。注意一个问题，标签选取优先级，

无标题文档*{ margin:0; padding:0;}ul li{ float:left; width:80px; height:40px; background:#96C; margin-left:9px; list-style:none; border:#90C solid 1px; box-sizing:content-box; margin-top:3px; transitio

CSS3新特性预览1.功能强大的选择器2.文字效果阴影 描边 发光3.边框圆角 阴影 边框背景 背景切割4.背景大小 起始位置 多重背景5.色彩模式除了RGB 颜色外，还支持HSL（色调，饱和度，亮度），透明度等6.盒布局和多列布局新增两种布局方式：灵活的盒布局和多列布局。7.渐变8.动画

Web动画整理总结jQuery:Animate:用法一：jQueryObject.animate( cssProperties [, duration ] [, easing ] [, complete ] )用法二：jQueryObject.animate( cssProperties, options )    $(document).ready(functio

额，最近做网站，在程序里添加标签的时候总是要测试截字，浪费了不少大好光阴啊。好不容易闲下来找了下解决的办法，谁叫我这个人比较懒呢，怕麻烦嘛。        原来在CSS中加个代码就完成了的事。display:block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;

一. Sass/Scss&Less是什么？Sass (Syntactically Awesome Stylesheets)是一种动态样式语言，语法跟css一样(但多了些功能)，比css好写，而且更容易阅读。Sass语法类似与Haml，属于缩排语法（makeup），用意就是为了快速写Html和Css。Less一种动态样式语言. 将CSS赋予了动态语言的特性，如变量，继承，运算， 函数. LESS