首页 » Tag Archives: css

css

CSS 总结 本教程已向你讲解了如何创建样式表来同时控制多重页面的样式和布局。 你已经学会如何使用 CSS 来添加背景、格式化文本、以及格式化边框,并定义元素的填充和边距。 同时,你也学会了如何定位元素、控制元素的可见性和尺寸、设置元素的形状、将一个元素置于另一个之后,以及向某些选择器添加特殊的效果,比如链接。 如果需 […]

网布局 网页布局有很多种方式,一般分为以下几个部分:头部区域、菜单导航区域、内容区域、底部区域。 头部区域 头部区域位于整个网页的顶部,一般用于设置网页的标题或者网页的 logo: CSS3 实例 .header { background-color: #F1F1F1; text-align: center; padd […]

CSS 计数器通过一个变量来设置,根据规则递增变量。 使用计数器自动编号 CSS 计数器根据规则来递增变量。 CSS 计数器使用到以下几个属性: counter-reset – 创建或者重置计数器 counter-increment – 递增变量 content – 插入生成的内容 […]

一个表单案例,我们使用 CSS 来渲染 HTML 的表单元素: CSS 实例 input[type=text], select { width: 100%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; […]

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

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

图像拼合 图像拼合就是单个图像的集合。 有许多图像的网页可能需要很长的时间来加载和生成多个服务器的请求。 使用图像拼合会降低服务器的请求数量,并节省带宽。 图像拼合 – 简单实例 与其使用三个独立的图像,不如我们使用这种单个图像(”img_navsprites.gif”): 有了CS […]

使用CSS很容易创建透明的图像。 注意:CSS Opacity属性是W3C的CSS3建议的一部分。 实例1 – 创建一个透明图像 CSS3中属性的透明度是 opacity 看看下面的CSS: img { opacity:0.4; filter:alpha(opacity=40); /* IE8 及其更早版本 […]

图片廊 以下是使用 CSS 创建图片廊: 实例 <div class=”responsive”> <div class=”img”> <a target=”_blank” href=”http://www.schoolw3c.com/images/demo/demo1.jpg”> & […]

本文我们为大家介绍如何使用 HTML 与 CSS 来创建提示工具。 基础提示框(Tooltip) 提示框在鼠标移动到指定元素上显示: HTML 代码: <style> /* Tooltip 容器 */ .tooltip { position: relative; display: inline-block; […]