CSS教程
CSS Float(浮动) | CSS教程
什么是 CSS Float（浮动）？ CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。 Float（浮动），往往是用于图像，但它在布局时一样非常有…
CSS 布局 – 水平 & 垂直对齐 | CSS教程
今天让我们一起来学下布局中的对齐方法。 元素居中对齐 要水平居中对齐一个元素(如 <div>), 可以使用 margin: auto;。 设置到元素的宽度将防…
CSS 伪类(Pseudo-classes) | CSS教程
CSS伪类是用来添加一些选择器的特殊效果。 语法 伪类的语法：selector:pseudo-class {property:value;} CSS类也可以使用伪类：selecto…
CSS 伪元素 | CSS教程
CSS伪元素是用来添加一些选择器的特殊效果。 语法 伪元素的语法： CSS类也可以使用伪元素： :first-line 伪元素 “first-line” 伪…
CSS 导航栏 | CSS教程
导航栏 熟练使用导航栏，对于任何网站都非常重要。 使用CSS你可以转换成好看的导航栏而不是枯燥的HTML菜单。 导航栏=链接列表 作为标准的HTML基础一个导航栏是必须的 。在我们…
CSS 下拉菜单 | CSS教程
使用 CSS 创建一个鼠标移动上去后显示下拉菜单的效果。 基本下拉菜单 当鼠标移动到指定元素上时，会出现下拉菜单。 实例解析 HTML 部分： 我们可以使用任何的 HTML 元素来…
CSS 提示工具(Tooltip) | CSS教程
本文我们为大家介绍如何使用 HTML 与 CSS 来创建提示工具。 提示工具在鼠标移动到指定元素后触发，先看以下四个实例： 头部显示 提示框文本 右边显示 提示框文本 底部显示 提…
CSS 图像透明/不透明 | CSS教程
使用CSS很容易创建透明的图像。 注意：CSS Opacity属性是W3C的CSS3建议的一部分。 实例1 – 创建一个透明图像 CSS3中属性的透明度是 o…
CSS图像拼合技术(CSSSPRITE) | CSS教程
图像拼合 图像拼合就是单个图像的集合。 有许多图像的网页可能需要很长的时间来加载和生成多个服务器的请求。 使用图像拼合会降低服务器的请求数量，并节省带宽。 图像拼合 –…
CSS 媒体类型 | CSS教程
媒体类型允许你指定文件将如何在不同媒体呈现。该文件可以以不同的方式显示在屏幕上，在纸张上，或听觉浏览器等等。 媒体类型 一些 CSS 属性只设计了某些媒体。例如&nbs…
CSS 属性 选择器 | CSS教程
具有特定属性的HTML元素样式 具有特定属性的HTML元素样式不仅仅是class和id。 注意：IE7和IE8需声明!DOCTYPE才支持属性选择器！IE6和更低的版本不支持属性选…
CSS 表单 | CSS教程
一个表单案例，我们使用 CSS 来渲染 HTML 的表单元素： 输入框(input) 样式 使用 width 属性来设置输入框的宽度： 以上实例中设置了所有 <input&g…
CSS 计数器 | CSS教程
CSS 计数器通过一个变量来设置，根据规则递增变量。 使用计数器自动编号 CSS 计数器根据规则来递增变量。 CSS 计数器使用到以下几个属性： counter-reset&nbs…
CSS 网页布局 | CSS教程
网页布局 网页布局有很多种方式，一般分为以下几个部分：头部区域、菜单导航区域、内容区域、底部区域。 头部区域 头部区域位于整个网页的顶部，一般用于设置网页的标题或者网页的 logo…
CSS !important 规则 | CSS教程
什么是 !important CSS 中的 !important 规则用于增加样式的权重。 !important 与优先级无关，但它与最终的结果直接相关，使用一个 !importa…
CSS 总结 | CSS教程
CSS 总结 本教程已向你讲解了如何创建样式表来同时控制多重页面的样式和布局。 你已经学会如何使用 CSS 来添加背景、格式化文本、以及格式化边框，并定义元素的填充和边距。 同时，…
