CSS Border(边框)详解

    CSS Border(边框) 一、CSS 边框属性 CSS边框属性允许你指定一个元素边框的样式和颜色。 示例效果: 二、边框样式 边框样式属性指定要显示什么样的边界。 border-style...

CSS 分组和嵌套选择器详解

CSS 分组和嵌套选择器 一、分组选择器 在样式表中有很多具有相同样式的元素。 h1 { color:green; } h2 { color:green; } p { color:gr...

CSS 布局 - 水平 & 垂直对齐详解

CSS 布局 - 水平 & 垂直对齐 一、元素居中对齐 要水平居中对齐一个元素(如 <div>), 可以使用 margin: auto;。 设置到元素的宽度将防止它溢出到容器的边缘。 元素通过指定宽度,...

CSS 组合选择符详解

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

CSS Pseudo-classes(伪类)详解

CSS Pseudo-classes(伪类) CSS伪类是用来添加一些选择器的特殊效果。 一、语法 伪类的语法: selector:pseudo-class {property:value;} CSS类也可以使用伪类:...

CSS 导航栏详解

CSS 导航栏 一、导航栏 熟练使用导航栏,对于任何网站都非常重要。 使用CSS你可以转换成好看的导航栏而不是枯燥的HTML菜单。 二、导航栏=链接列表 作为标准的HTML基础一个导航栏是必须的。 在我们的例子中我们将建立一...

CSS 下拉菜单详解

CSS 下拉菜单 一、基本下拉菜单 当鼠标移动到指定元素上时,会出现下拉菜单。 .dropdown { position: relative; display: inline-block; } .dr...

CSS Tooltip(提示工具)详解

CSS Tooltip(提示工具) 提示工具在鼠标移动到指定元素后触发,可以在四个方位显示:头部显示、右边显示、左边显示、底部显示 一、基础提示框(Tooltip) 提示框在鼠标移动到指定元素上显示: /* Tooltip 容...

CSS 图像拼合技术详解

CSS 图像拼合技术 一、图像拼合 图像拼合就是单个图像的集合。 有许多图像的网页可能需要很长的时间来加载和生成多个服务器的请求。 使用图像拼合会降低服务器的请求数量,并节省带宽。 二、图像拼合 - 简单实例 与其使用...

CSS 属性选择器详解

CSS 属性选择器 一、具有特定属性的HTML元素样式 具有特定属性的HTML元素样式不仅仅是class和id。 注意:IE7和IE8需声明!DOCTYPE才支持属性选择器!IE6和更低的版本不支持属性选择器。 二、属性选...