热搜话题榜单

Web标准基础教程：CSS简写指南

高效的css写法中的一条就是使用简写。通过简写可以让你的CSS文件更小，更易读。而了解CSS属性简写也是前端开发工程师的基本功之一。今天我们系统地总结一下CSS属性的缩写。

CSS样式命名规则及参考命名标准

CSS样式命名规则及参考命名标准..

WEB2.0标准教程：第九天 第一个CSS布局实例

接下来开始要真正设计布局了。和传统的方法一样，你首先要在脑海里有大致的轮廓构想，然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素，因为web标准更关注结构和内容，实际上它与网页的美观没有根本冲突，你想怎么设计就怎么设计，用传统表格方法实

WEB2.0标准教程：第八天 CSS布局入门

CSS布局与传统表格(table)布局最大的区别在于：原来的定位都是采用表格，通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距；而现在则采用层(div)来定位，通过层的margin,padding,border等属性来控制版块的间距。

WEB2.0标准教程：第七天 CSS入门

CSS是Cascading Style Sheets(层叠样式表)的缩写。 是一种对web文档添加样式的简单机制，属于表现层的布局语言。

Web标准学习：CSS样式书写风格

这个格式是我自创的，经常有人问我为什么，这里做个简单总结：

问与答：CSS层叠样式表最佳入门教程

CSS就是一种叫做样式表(stylesheet)的技术。也有的人称之为层叠样式表(Cascading Stylesheet)。在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

WEB标准教程第9天：第一个CSS布局实例

　　和传统的方法一样，你首先要在脑海里有大致的轮廓构想，然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素，因为web标准更关注结构和内容，实际上它与网页的美观没有根本冲突，你想怎么设计就怎么设计，用传统表格方法实现的布局，用DIV也可以实现

WEB标准教程第8天：CSS布局入门

　　CSS布局与传统表格(table)布局最大的区别在于：原来的定位都是采用表格，通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距；而现在则采用层(div)来定位，通过层的margin,padding,border等属性来控制版块的间距。

WEB标准教程第7天：CSS入门

　　CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制，属于表现层的布局语言。

实用教程，用CSS创建扁平化面包屑导航

随着近些年CSS与CSS3的发展，有些东西我们可以纯用CSS去实现，取代那些需要使用背景图片的老技术。在这篇教程中，我们将创建扁平化的面包屑导航链接，不再需要使用之前流行的“推拉门式的背景图片”。

css sprite生成工具使用教程

CSS sprite在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。

微软向W3C万维网联盟提交新CSS标准

近日微软向W3C万维网联盟提交了一个名为CSS Scrolling Snap Points（CSS网页平滑滚动)的网页标准提案。

HTML5/CSS3系列教程：使用SVG图片

在我们开始使用SVG前，让我们先了解一下 SVG，并且解释一下为什么使用SVG。SVG全称是Scalable Vector Graphics，如果你使用过adobe Illustrator的话，相信你对这种适量格式的图片并不陌生！

如何建立一个样式新颖的CSS3搜索框

搜索框大概是web开发中最常用的UI元素之一，我想基本没有必要去介绍如何使用它。无论是网站还是web应用，都会为了增强用户体验而添加它，那么你是不是也想过设计一个别致的搜索框？

HTML5/CSS3系列教程：HTML5 区域(Sectioning)的重要性

不管你以前在web页面布局中如何称呼它们 - “区域”还是“块”，我们一直都在布局中将页面分成可视的不同区域。但真正的问题在于我们并没有使用任何正确的工具来实现。一般情况下我们使用典型的网格来划分页头，页面主题，页尾等等区域来实现所谓的页面布局。

HTML5/CSS3系列教程：HTML5基本标签使用header nav和footer

大家可能都知道HTML5中出现了很多以前没有的标签，例如，header，nav，和footer，在这之前我们如果开发相关的页面布局的时候，往往都是使用CSS来定义相关的头部，导航及其页底部分

分享20个PSD转换为XHTML/CSS的教程

在网上能搜罗到很多的PSD素材，有PSD按钮、PSD图标、PSD网站模板等等各种PSD界面素材。那么如果把这些精美的PSD素材转换为 HTML/CSS 代码呢？

分享25个CSS3动画按钮和菜单教程

站长之家（CHINAZ.com）5月31日编译：随着CSS3的出现以及越来越多的浏览器对它的支持，设计人员和开发人员有了更多的选择，CSS3提供了很多的设计上的新技术和高级功能，使创建网站变得更容易，用纯CSS也可以实现各种各样很酷的效果，甚至是动画。在本文中，将分享25个CSS3动画按钮和菜单教程，希望对你有所帮助。

值得设计者们收藏的18个CSS3教程

站长之家（CHINAZ.com）5月16日编译：在网站设计方面，CSS3可以说是拥有令人难以置信的潜力，它提供了很多设计上的新技术和高级功能，使创建网站变得更容易。随着CSS3的出现以及越来越多的浏览器对它的支持，设计师们有了更多的选择。在本文中将分享18个优秀实用的CSS3教程，值得设计者们收藏。