IT入门 > 教程 >

CSS Float(浮动)

什么是 CSS Float（浮动）？ CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。 Float（浮动），往往是用于图像，但它在布局时一样非常有用。 元素怎样浮动...

CSS 布局 - 水平 & 垂直对齐

水平 垂直居中对齐 元素居中对齐 要水平居中对齐一个元素(如 div), 可以使用 margin: auto; 。 设置到元素的宽度将防止它溢出到容器的边缘。 元素通过指定宽度，并将两边的空外边距平均...

CSS 组合选择符

CSS 组合选择符 组合选择符说明了两个选择器之间的关系。 CSS组合选择符包括各种简单选择符的组合方式。 在 CSS3 中包含了四种组合方式: 后代选择器(以空格 分隔) 子元素选择器(以大...

CSS 伪类(Pseudo-classes)

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

CSS 伪元素

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

CSS 导航栏

垂直 主页 新闻 联系 关于 水平 主页 新闻 联系 关于 主页 新闻 联系 关于 导航栏 熟练使用导航栏，对于任何网站都非常重要。 使用CSS你可以转换成好看的导航栏而不是枯燥的HTML菜单...

CSS 下拉菜单

使用 CSS 创建一个鼠标移动上去后显示下拉菜单的效果。 下拉菜单实例 实例演示 1 文本下拉菜单 菜鸟教程 www.runoob.com 实例演示 2 下拉菜单 菜鸟教程 1 菜鸟教程 2 菜鸟教程 3 实例演示...

CSS 提示工具(Tooltip)

本文我们为大家介绍如何使用 HTML 与 CSS 来创建提示工具。 提示工具在鼠标移动到指定元素后触发，先看以下四个实例： 头部显示 提示框文本 右边显示 提示框文本 底部显示 提示框文...

CSS 图片廊

以下是使用CSS创建图片廊： 这里添加图片文本描述 这里添加图片文本描述 这里添加图片文本描述 这里添加图片文本描述 图片廊 以下是使用 CSS 创建图片廊： 实例 div class="responsive"...

CSS 图像透明/不透明

使用CSS很容易创建透明的图像。 注意： CSS Opacity属性是W3C的CSS3建议的一部分。 更多实例 创建透明图像 - 悬停效果 创建一个具有文本的拥有背景图像的透明框 实例1 - 创建一个透明图像...