摘要: 基础提示框(Tooltip) 实例解析 HTML) 使用容器元素 (like <div>) 并添加 "tooltip" 类。在鼠标移动到 <div> 上时显示提示信息。 提示文本放在内联元素上(如 <span>) 并使用class="tooltiptext"。 CSS)tooltip 类使用 pos 阅读全文
posted @ 2018-12-07 14:17 风扬剪影 阅读(282) 评论(0) 推荐(0) 编辑
摘要: 基本下拉菜单 当鼠标移动到指定元素上时,会出现下拉菜单。 实例解析 HTML 部分: 我们可以使用任何的 HTML 元素来打开下拉菜单,如:<span>, 或 a <button> 元素。 使用容器元素 (如: <div>) 来创建下拉菜单的内容,并放在任何你想放的位置上。 使用 <div> 元素来 阅读全文
posted @ 2018-11-26 16:02 风扬剪影 阅读(173) 评论(0) 推荐(0) 编辑
摘要: 导航栏=链接列表 导航条基本上是一个链接列表,所以使用 <ul> 和 <li>元素非常有意义 删除边距和填充: 例子解析: list-style-type:none - 移除列表前小标志。一个导航栏并不需要列表标记 移除浏览器的默认设置将边距和填充设置为0 垂直导航栏 示例说明: display:b 阅读全文
posted @ 2018-11-26 14:43 风扬剪影 阅读(277) 评论(0) 推荐(0) 编辑
摘要: CSS 组合选择符 CSS组合选择符包括各种简单选择符的组合方式。 在 CSS3 中包含了四种组合方式: 后代选择器(以空格分隔) 子元素选择器(以大于号分隔) 相邻兄弟选择器(以加号分隔) 普通兄弟选择器(以破折号分隔) 后代选择器 后代选择器用于选取某元素的后代元素。 子元素选择器 与后代选择器 阅读全文
posted @ 2018-11-19 17:34 风扬剪影 阅读(145) 评论(0) 推荐(0) 编辑
摘要: position 属性指定了元素的定位类型。 position 属性的五个值: static relative fixed absolute sticky 元素可以使用的顶部,底部,左侧和右侧属性定位。然而,这些属性无法工作,除非是先设定position属性。他们也有不同的工作方式,这取决于定位方法 阅读全文
posted @ 2018-11-17 14:12 风扬剪影 阅读(263) 评论(0) 推荐(0) 编辑
摘要: 不同的列表项标记 list-style-type属性指定列表项标记的类型是: 作为列表项标记的图像 要指定列表项标记的图像,使用列表样式图像属性: 上面的例子在所有浏览器中显示并不相同,IE和Opera显示图像标记比火狐,Chrome和Safari更高一点点。 浏览器兼容性解决方案 同样在所有的浏览 阅读全文
posted @ 2018-11-09 11:43 风扬剪影 阅读(240) 评论(0) 推荐(0) 编辑
摘要: 优先级是浏览器是通过判断哪些属性值与元素最相关以决定并应用到该元素上的。优先级仅由选择器组成的匹配规则决定的。 优先级就是分配给指定的CSS声明的一个权重,它由匹配的选择器中的每一种选择器类型的数值决定。 优先级顺序 下列是一份优先级逐级增加的选择器列表: 通用选择器(*) 元素(类型)选择器 类选 阅读全文
posted @ 2018-11-08 11:51 风扬剪影 阅读(166) 评论(0) 推荐(0) 编辑
摘要: id 选择器 HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。 ID属性不要以数字开头,数字开头的ID在 Mozilla/Firefox 浏览器中不起作用。 class 选择器 class 选择器用于描述一组元素的样式,class 选择器有别于id选择器,clas 阅读全文
posted @ 2018-11-01 17:09 风扬剪影 阅读(139) 评论(0) 推荐(0) 编辑
摘要: 与 HTML 相比最重要的区别: 文档结构 XHTML DOCTYPE 是强制性的 <html> 中的 XML namespace 属性是强制性的 <html>、<head>、<title> 以及 <body> 也是强制性的 元素语法 XHTML 元素必须正确嵌套 XHTML 元素必须始终关闭 XH 阅读全文
posted @ 2018-11-01 15:51 风扬剪影 阅读(102) 评论(0) 推荐(0) 编辑
摘要: HTML 基本文档 基本标签(Basic Tags) 文本格式化(Formatting) 链接(Links) 图片(Images) 样式/区块(Styles/Sections) 无序列表 有序列表 定义列表 表格(Tables) 框架(Iframe) 表单(Forms) 实体(Entities) H 阅读全文
posted @ 2018-11-01 15:14 风扬剪影 阅读(163) 评论(0) 推荐(0) 编辑