首页 » Tag Archives: css( Page 2 )

css

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

使用 CSS 创建一个鼠标移动上去后显示下拉菜单的效果。 基本下拉菜单 当鼠标移动到指定元素上时,会出现下拉菜单。 实例 <style> .dropdown { position: relative; display: inline-block; } .dropdown-content { display: […]

熟练使用导航栏,对于任何网站都非常重要。 使用CSS你可以转换成好看的导航栏而不是枯燥的HTML菜单。 导航栏=链接列表 作为标准的HTML基础一个导航栏是必须的 。在我们的例子中我们将建立一个标准的HTML列表导航栏。 导航条基本上是一个链接列表,所以使用 <ul> 和 <li>元素非常有意义 […]

CSS伪元素是用来添加一些选择器的特殊效果。 语法 伪元素的语法: selector:pseudo-element {property:value;} CSS类也可以使用伪元素: selector.class:pseudo-element {property:value;} :first-line 伪元素 &#8220 […]

CSS伪类是用来添加一些选择器的特殊效果。 语法 伪类的语法: selector:pseudo-class {property:value;} CSS类也可以使用伪类: selector.class:pseudo-class {property:value;} anchor伪类 在支持 CSS 的浏览器中,链接的不同状 […]

CSS 组合选择符 组合选择符说明了两个选择器直接的关系。 CSS组合选择符包括各种简单选择符的组合方式。 在 CSS3 中包含了四种组合方式: 后代选择器(以空格分隔) 子元素选择器(以大于号分隔) 相邻兄弟选择器(以加号分隔) 普通兄弟选择器(以破折号分隔) 后代选择器 后代选择器用于选取某元素的后代元素。 以下实 […]

水平 & 垂直居中对齐 元素居中对齐 要水平居中对齐一个元素(如 ), 可以使用 margin: auto;。 设置到元素的宽度将防止它溢出到容器的边缘。 元素通过指定宽度,并将两边的空外边距平均分配: div 元素是居中的 实例 .center { margin: auto; width: 50%; bord […]