摘要：
CSS Tooltip（提示工具） 提示工具在鼠标移动到指定元素后触发，可以在四个方位显示：头部显示、右边显示、左边显示、底部显示 一、基础提示框(Tooltip) 提示框在鼠标移动到指定元素上显示： 实例解析 HTML) 使用容器元素 (like <div>) 并添加 "tooltip" 类。在鼠 阅读全文
摘要：
CSS 下拉菜单 一、基本下拉菜单 当鼠标移动到指定元素上时，会出现下拉菜单。 实例解析 HTML 部分： 我们可以使用任何的 HTML 元素来打开下拉菜单，如：<span>, 或 a <button> 元素。 使用容器元素 (如： <div>) 来创建下拉菜单的内容，并放在任何你想放的位置上。 使 阅读全文
摘要：
CSS 导航栏 一、导航栏 熟练使用导航栏，对于任何网站都非常重要。 使用CSS你可以转换成好看的导航栏而不是枯燥的HTML菜单。 二、导航栏=链接列表 作为标准的HTML基础一个导航栏是必须的。 在我们的例子中我们将建立一个标准的HTML列表导航栏。 导航条基本上是一个链接列表，所以使用 <ul> 阅读全文
摘要：
CSS 伪元素 CSS伪元素是用来添加一些选择器的特殊效果。 一、语法 伪元素的语法： CSS类也可以使用伪元素： 二、:first-line 伪元素 "first-line" 伪元素用于向文本的首行设置特殊样式。 在下面的例子中，浏览器会根据 "first-line" 伪元素中的样式对 p 元素的 阅读全文
摘要：
CSS Pseudo-classes（伪类） CSS伪类是用来添加一些选择器的特殊效果。 一、语法 伪类的语法： CSS类也可以使用伪类： 二、anchor伪类 在支持 CSS 的浏览器中，链接的不同状态都可以以不同的方式显示 注意： 在CSS定义中，a:hover 必须被置于 a:link 和 a 阅读全文
摘要：
CSS 组合选择符 一、简介 组合选择符说明了两个选择器直接的关系. CSS组合选择符包括各种简单选择符的组合方式。 在 CSS3 中包含了四种组合方式: 后代选择器(以空格分隔) 子元素选择器(以大于号分隔） 相邻兄弟选择器（以加号分隔） 普通兄弟选择器（以破折号分隔） 二、后代选择器 后代选择器 阅读全文
摘要：
CSS 布局 - 水平 & 垂直对齐 一、元素居中对齐 要水平居中对齐一个元素(如 <div>), 可以使用 margin: auto;。 设置到元素的宽度将防止它溢出到容器的边缘。 元素通过指定宽度，并将两边的空外边距平均分配： 注意: 如果没有设置 width 属性(或者设置 100%)，居中对 阅读全文
摘要：
CSS Float（浮动） 一、CSS Float（浮动） CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。 Float（浮动），往往是用于图像，但它在布局时一样非常有用。 属性值（"CSS" 列中的数字表示不同的 CSS 版本（CSS1 或 CSS2）定义了该属性 阅读全文
摘要：
CSS Position（定位） 一、CSS Position(定位) position 属性指定了元素的定位类型。 position 属性的五个值： static relative fixed absolute sticky 元素可以使用的顶部，底部，左侧和右侧属性定位。然而，这些属性无法工作，除 阅读全文
摘要：
CSS Display（显示）和Visibility（可见性） 一、简介 display属性设置一个元素应如何显示（隐藏不占用空间），visibility属性指定一个元素应可见还是隐藏（隐藏占用空间）。 二、隐藏元素 - display:none或visibility:hidden 隐藏一个元素可以 阅读全文