分组选择器
摘要：
分组 当多个元素的样式相同的时候，我们没有必要重复地为每个元素都设置样式，我们可以通过在多个选择器之间使用逗号分隔的分组选择器来统一设置元素样式。 例如： 为div标签和p标签统一设置字体为红色的样式。 通常，我们会分两行来写，更清晰: 阅读全文
posted @ 2018-06-30 08:29 风-fmgao 阅读(163) 评论(0) 推荐(0) 编辑
组合选择器
摘要：
高级选择器 后代选择器 因为HTML元素可以嵌套，所以我们可以从某个元素的后代查找特定元素，并设置样式： div p { color: red; } 从div的所有后代中找p标签，设置字体颜色为红色。 儿子选择器 div>p { color: red; } 从div的直接子元素中找到p标签，设置字体 阅读全文
posted @ 2018-06-30 08:28 风-fmgao 阅读(198) 评论(0) 推荐(0) 编辑
属性选择器
摘要：
除了HTML元素的id属性和class属性外，还可以根据HTML元素的特定属性选择元素。 根据属性查找 [title] { color: red; } 根据属性和值查找 找到所有title属性等于hello的元素： [title="hello"] { color: red; } 找到所有title属 阅读全文
posted @ 2018-06-30 08:28 风-fmgao 阅读(81) 评论(0) 推荐(0) 编辑
基本选择器
摘要：
首先来说一下，什么是选择器。在一个HTML页面中会有很多很多的元素，不同的元素可能会有不同的样式，某些元素又需要设置相同的样式，选择器就是用来从HTML页面中查找特定元素的，找到元素之后就可以为它们设置样式了。 选择器为样式规则指定一个作用范围。 基础选择器包括： 标签选择器 类选择器 ID选择器 阅读全文
posted @ 2018-06-30 08:27 风-fmgao 阅读(172) 评论(0) 推荐(0) 编辑
css引用方式
摘要：
网页中引用CSS样式 内联样式 行内样式表 外部样式表 链接式 导入式 内嵌方式 style标签 <!doctype html> <html> <head> <meta charset="utf8"> <style> p { color: red; } </style> </head> <body> 阅读全文
posted @ 2018-06-30 08:26 风-fmgao 阅读(132) 评论(0) 推荐(0) 编辑
标签嵌套规则
摘要：
块元素可以包含内联元素或某些块元素，但内联元素却不能包含块元素，它只能包含其它的内联元素，例如： <div><div></div><h1></h1><p><p></div> ✔️ <a href=”#”><span></span></a> ✔️ <span><div></div></span> ❌ 阅读全文
posted @ 2018-06-30 08:23 风-fmgao 阅读(182) 评论(0) 推荐(0) 编辑
标签分类
摘要：
HTML中标签元素三种不同类型：块状元素，行内元素，行内块状元素。 常用的块状元素： <div> <p> <h1>~<h6> <ol> <ul> <table><form> <li> 常用的行内元素 <a> <span> <br> <i> <em> <strong> <label> 常用的行内块状元 阅读全文
posted @ 2018-06-30 08:21 风-fmgao 阅读(93) 评论(0) 推荐(0) 编辑
常用标签
摘要：
标题标签 h1~h6 <h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。 由于 h 元素拥有确切的语义，因此请您慎重地选择恰当的标签层级来构建文档的结构。因此，请不要利用标题标签来改变同一行中的字体大小。相反，我们应当使用css来定义来达到漂亮的显示效果。 阅读全文
posted @ 2018-06-30 08:20 风-fmgao 阅读(213) 评论(0) 推荐(0) 编辑