常常我们在DIV+CSS布局的时候会遇到2处使用星号“*”,一个为以星号*没有命名名称的CSS选择器；另外一个是在CSS选择器里以*开头的CSS属性单词样式。一、CSS星号*选择器*{padding:0; ... }这里的“*”号是通配符，即指，网页html中所有标签意思。CSS代码：*{ padd...
分类：
Web程序 时间：
2014-10-09 16:38:47
阅读次数：
328
一.总体要求 ? 1.??网页整体采用div+css代码显示，最好不要用表格,切图切的越小越好。 2.??尽量不让CSS分散在HTML标记里，尽量封装到外部调用文件。 3.??尽量缩减页面大小，一般建议100KB以下，越小越好，...
分类：
Web程序 时间：
2014-10-09 16:11:08
阅读次数：
224
默认情况下，通过HTML代码的BODY标签设置好背景图片 后，图片会自动横向和纵向平铺。这就会产生一些美观上的问题。 XP人提供CSS代码如下，放在页面头部即可，仅供参考： body { background:url(/img/background.png); background-repeat:....
分类：
Web程序 时间：
2014-10-09 02:17:27
阅读次数：
230
html代码：css代码：input[type="file"]{ /* 常规设置， 即：引入一个图片背景，设置在中心位置，大小和按钮的大小一致，以及鼠标指针为手型 */ width:40px; height:40px; b...
分类：
其他好文 时间：
2014-10-08 23:42:07
阅读次数：
300
Emmet的前身是大名鼎鼎的Zen coding，如果你从事Web前端开发的话，对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码，大大提高了HTML/CSS代码编写的速度，比如下面的演示：Zen coding下的编码演示去年年底，该插件已经改名为Emmet。但Emmet不只改名，还带来了一...
分类：
Web程序 时间：
2014-10-08 14:59:35
阅读次数：
228
http://www.oschina.net/translate/css-snippets-for-designers?from=20130613面对每年如此多的新趋势,保持行业的领先是个很困难问题. 网站设计者和前端工程师都已经全面的使用CSS3 properties, 决定这些的是浏览器支持和新...
分类：
Web程序 时间：
2014-10-08 11:52:15
阅读次数：
502
动画效果一：html代码： CSS代码：.spinner { margin: 100px auto; width: 50px; height: 60px; text-align: center; font-size: 10px;}.spinner > div { background-col...
分类：
其他好文 时间：
2014-10-07 19:46:34
阅读次数：
305
原文转自：http://blog.jobbole.com/55067/编写好的CSS代码，有助提升页面的渲染速度。本质上，引擎需要解析的CSS规则越少，性能越好。MDN上将CSS选择符归类成四个主要类别，如下所示，性能依次降低。ID 规则Class 规则标签规则通用规则对效率的普遍认识是从Steve...
分类：
Web程序 时间：
2014-10-07 16:28:33
阅读次数：
248
文中的多个框架基于SASS创建，SCSS是一种比LESS更简洁的样式表编程语言，它可以编绎成CSS，可复用CSS代码，声明变量，甚至是函数，类Ruby/Python的语法，参见： LESS
vs SASS？选择哪种CSS样式编程语言?
最好的HTML5框架一般也是最流行的，使用这些框架可以极大地减少你的工作量，节约你的时间。
HTML5有非常有用和令人意想不到的功能，但也有...
分类：
Web程序 时间：
2014-10-06 21:53:10
阅读次数：
274
关于HTML5和CSS3的时钟应用在之前我们已经分享过不少了，还有一些HTML5的日期选择应用。今天我们要分享一款基于HTML5和CSS3的圆盘秒表动画，秒表可以精确到0.001秒，并且可以在计时过程中暂停计时，同时秒表可以随时重置。在线演示下面来分析一下实现的源代码，主要由HTML和CSS代码组成...
分类：
Web程序 时间：
2014-10-02 18:15:03
阅读次数：
219
