雷林鹏

摘要： 具有特定属性的HTML元素样式 具有特定属性的HTML元素样式不仅仅是class和id。 注意：IE7和IE8需声明!DOCTYPE才支持属性选择器!IE6和更低的版本不支持属性选择器。 属性选择器 下面的例子是把包含标题(title)的所有元素变为蓝色： 实例 [title] { color:bl 阅读全文

摘要： 媒体类型允许你指定文件将如何在不同媒体呈现。该文件可以以不同的方式显示在屏幕上，在纸张上，或听觉浏览器等等。 媒体类型 一些 CSS 属性只设计了某些媒体。例如 voice-family 属性是专为听觉用户代理。其他一些属性可用于不同的媒体类型。例如， font-size 属性可用于屏幕和印刷媒体， 阅读全文

摘要： 图像拼合 图像拼合就是单个图像的集合。 有许多图像的网页可能需要很长的时间来加载和生成多个服务器的请求。 使用图像拼合会降低服务器的请求数量，并节省带宽。 图像拼合 - 简单实例 与其使用三个独立的图像，不如我们使用这种单个图像("img_navsprites.gif")： 有了CSS，我们可以只显 阅读全文

摘要： 使用CSS很容易创建透明的图像。 注意：CSS Opacity属性是W3C的CSS3建议的一部分。 实例1 - 创建一个透明图像 CSS3中属性的透明度是 opacity。 首先，我们将向您展示如何用CSS创建一个透明图像。 正常的图像 相同的图像带有透明度： 看看下面的CSS： img { opa 阅读全文

摘要： 图片廊 以下是使用 CSS 创建图片廊： 实例 这里添加图片文本描述 这里添加图片文本描述 这里添加图片文本描述 这里添加图片文本描述 更多实例 响应式图片廊 使用 CSS3 的媒体查询来创建响应式图片廊： 这里添加图片文本描述 这里添加图片文本描述 这里添加图片文本描述 这里添加图片文本描述 重置 阅读全文

摘要： 本文我们为大家介绍如何使用 HTML 与 CSS 来创建提示工具。 提示工具在鼠标移动到指定元素后触发，先看以下四个实例： 头部显示右边显示底部显示左边显示 基础提示框(Tooltip) 提示框在鼠标移动到指定元素上显示： HTML 代码： 鼠标移动到这 提示文本 实例解析 HTML) 使用容器元素 阅读全文

摘要： 使用 CSS 创建一个鼠标移动上去后显示下拉码单的效果。 下拉码单实例 实例演示 1 文本下拉码单 实例演示 2 下拉码单 基本下拉码单 当鼠标移动到指定元素上时，会出现下拉码单。 实例 Mouse over me Hello World! Mouse over me Hello World! He 阅读全文

摘要： 垂直 主页 新闻 联系 关于水平 主页新闻联系关于 主页新闻联系关于导航栏 熟练使用导航栏，对于任何网站都非常重要。 使用CSS你可以转换成好看的导航栏而不是枯燥的HTML码单。 导航栏=链接列表 作为标准的HTML基础一个导航栏是必须的 。在我们的例子中我们将建立一个标准的HTML列表导航栏。 导 阅读全文

摘要： CSS伪元素是用来添加一些选择器的特殊效果。 语法 伪元素的语法： selector:pseudo-element {property:value;} CSS类也可以使用伪元素： selector.class:pseudo-element {property:value;} :first-line 阅读全文

摘要： CSS伪类是用来添加一些选择器的特殊效果。 语法 伪类的语法： selector:pseudo-class {property:value;} CSS类也可以使用伪类： selector.class:pseudo-class {property:value;} anchor伪类 在支持 CSS 的浏 阅读全文