摘要：就目前形势来看，Web App 正是眼下的一个趋势和潮流，但是，对于Web App的设计可能大家有的不是很了解，下面就将整理好的网页设计的技巧奉献给大家。AD：2014WOT全球软件技术峰会北京站 课程视频发布一.允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？其实并不难。 首先，在网页... 阅读全文

摘要：Tips: 调试 iPad 或 iPhone 可在设置中启动调试模式，在 Mac 中的 Safari 浏览器 同样开启开发者模式后，进行联机调试。功能彪悍。最近在做一个页面时，发现在 iPad 的 Safari 浏览器中背景显示不全，定位到该 div 后发现所指定 css 的宽度为 100% ；到百度搜索后发现，safari 中 viewport 默认宽度为 980px，若事先未指定其初始 viewport 宽度，则会默认按照 980px 处理。可以默认初始化 viewport 宽度或在 css 中设定 min-width，但最简单的方法可以在 head 标签中初始化好 viewport。 详 阅读全文

摘要： 阅读全文

摘要：一、absolute元素是否可以响应text-align属性？众所周知，text-align属性可以有效作用于inline/inline-block水平的元素，那么应用了position:absloute/fixed声明的元素呢？OK，实例说话，如下效果：//zxx:如果您在RSS阅读器中或是其他地方查看本文，可能看不到效果，您可以点击这里访问查看上面效果中的图片就是应用了position: absolute;声明，而外部box添加了text-align: center;声明。根据这个效果，我们可以认定text-align属性可以有效作用于应用了position:absloute/fixed声 阅读全文

摘要：今天解决png图片在IE6下的背景透明问题，找到了一个好方法。之前的解决方案会造成错位，使页面变形。现把这个方法公布如下，本人亲测可以正常使用，如果你在使用中出现问题，请看实例中的说明（英文不精的童鞋可以用谷歌翻译哟）<!--[if lt IE 7]><script type="text/javascript" src="images/iepngfix_tilebg.js"></script><style type="text/css">img, div, input { behavio 阅读全文

摘要：css知识link和@important引入css的区别一link和@important引入css的区别二css选择器权重(中文版)css选择器权重(英文版)css counters（英文版）CSS content, counter-increment 和 counter-reset详解（中文版）css技巧九种图片替换文字方法详细介绍（中文版）十种图片替换文本CSS方法（英文版）Sitemap CelebrationCSS目录菜单设计用CSS Sprites技术实现日期显示五种方法让CSS实现垂直居中使用CSS实现文本渐变效果解决中文版Chrome下不能显示小于12px的字体Blurry Ba 阅读全文

摘要：两种需求（图一、日期紧跟在标题后的新闻列表）（图二、日期整齐排列在右侧的新闻列表）图一的那种效果就不用说了，我们现在主要对图二的效果提供几种不同解决方案第一种方法：传统方法，右浮动，先日期后标题Html Code<li><span>2010-07-30</span><a href="#">css基础-基本知识点梳理</a></li>然后就是设置日期span向右浮动，这种方法相信大家都会，就不用多说了。当然也有初学者把span写在a标签后面然后设置float为right，在这种情况下如果不设置标题a向左浮 阅读全文

摘要：核心css代码firefox从7.0开始兼容text-overflow:ellipsis;这样的话，以后单行的省略号就可以不借助后台程序或者js来做到浏览器兼容了，其核心代码为：selector{ -o-text-overflow: ellipsis;/*兼容opera*/ text-overflow: ellipsis;/*这就是省略号喽*/ overflow: hidden;/*设置超过的隐藏*/ white-space: nowrap;/*设置不折行*/ width:200px;/*设置宽度*/}demo 1 宽度为350pxLorem ipsum dolor sit amet,... 阅读全文

摘要：两种情况清除浮动包括清除子元素的浮动和清除上级元素的浮动，其中清除上级元素的浮动，只需设置clear为both就可以了，而清除子元素的浮动则可以用空标签法、clearfix方法或overflow方法。因清除上级元素的浮动比较简单，而空标签法清除子元素浮动会增加额外标签，所以在这里主要说clearfix方法、overflow方法及偶然发现的inline-block方法。为什么要清除浮动一个块级元素的高度如果没有设置height，那么其高度就是由里面的子元素来撑开的，如果子元素使用浮动，脱离了标准的文档流，那么父元素的高度会将其忽略，你可以使用firebug查看下如果不清除浮动，父元素会出现高度不 阅读全文

摘要：1. 默认的内外边距不同问题：各个浏览器默认的内外边距不同解决：*{margin:0;padding:0;}2. 水平居中的问题问题：设置 text-align: centerie6-7文本居中，嵌套的块元素也会居中ff /opera /safari /ie8文本会居中，嵌套块不会居中解决：块元素设置1、margin-left:auto;margin-right:auto2、margin:0 auto;3、<div align=”center”></div>3. 垂直居中的问题问题：在浏览器中 想要垂直居中，设置vertical-align:middle; 不起作用。例 阅读全文

摘要：20个非常绚丽的 CSS3 特性应用演示 这篇文章收集了20个非常绚丽的 CSS3 效果应用演示，这些示例演示了 CSS3 各种新特性的强大能力。随着越来越多的浏览器对CSS3支持的不断完善，设计师和开发者们有了更多的选择，以前需要使用JavaScript才能实现的各种很酷的界面效果和动画，如今使用纯 CSS 代码就可以很容易实现。相信下面这些 CSS3 演示会让你感到吃惊！01. Experimental Animations02. Animated Button03. Splash and Coming Soon04. Typography Effect05. Fullscreen Im. 阅读全文

摘要：@charset "utf-8";/* reset */*{margin:0;padding:0;list-style-type:none;}a{blr:expression(this.onFocus=this.blur())}/*去掉a标签的虚线框，避免出现奇怪的选中区域*/:focus{outline:0;}label{cursor:pointer;}img{vertical-align:middle;}table{empty-cells:show;border-collapse:collapse;border-spacing:0;}h1{font-size:16px; 阅读全文