做过wap站、做过siteApp、做过第三方，也做过独立APP，现在又做了个自适应的模板。所谓“响应式网页设计(Responsive Web Design)”也就是自适应，就是可以自动识别屏幕宽度、并做出相应调整的网页设计。就是输入本站

一些网站的首页背景图尺寸不随浏览器缩放而变化，例如百度个人版的首页，缩放后背景图的尺寸并不改变：  再比如花瓣网( huaban.com )：  现在用CSS来实现这一效果。 首先需要一张足够大尺寸的图片，上图百度背景图的

因为是png图片，所以在设置为background的时候，有时候跟该div/p/任何的父类的背景色相差不大的时候，png图片就好像没有加载出来一样，这个时候我们可以给此div/p/任何设置一个背景色能够与父类区别出来 <div id

<div style="border-width:2px; border-style:solid; border-color:red;">111</div> 一定要border的样式，宽度，颜色都要设置才可以的！！ 也可以这样写： <div style=...
阅读全文

设置div附带下拉条的方法： 1.为div设置固定高度。例：height：100px; 2.为div赋予overflow：auto; 至此下拉条设置完毕。

最近开发项目的时候因为应用了大量的CSS样式导致某些关于样式的优先级出现了问题，于是又回过头去翻别人的文章和W3C上关于CSS优先权重的计算方法，关于代码的测试，有兴趣的朋友可以按照计算方式单独编写代码进行测

1.针对IE浏览器 .demo{ 　background-color:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#26FFFFFF, endColorstr=#26FFFFFF...
阅读全文

css3属性选择器 css3之属性选择器，其中包括： 1.[att=val]2.[att*=val]3.[att^=val]4.[att$=val] 下面我将用实例演示它们的用法 css代码： <style type="text/css"> p[id=p_...
阅读全文

<ul> <li><a>ss</a><a style="float:right;margin-top:5px;">dd</a></li> <li><a>ss</a><...
阅读全文

1.box-sizing:border-box 设置此属性后，此元素的内边距和边框不再会增加它的宽度 想要页面上所有的元素都有如此表现。所以开发者们把以下CSS代码放在他们页面上： *{ -webkit-box-sizing:border-box; -moz-box-siz