HTML5语义标签——全局属性、css选择器

1.全局属性

1. draggable属性
   定义元素是否可以拖动，该属性有两个值：true和false ，默认false。
2. hidden属性
   hidden取值true时，元素将会被隐藏，反之显示 。元素中的内容是通过浏览器创建的，页面装载后允许使用Javascript脚本将该属性取消，取消后该元素可见状态，同时元素中的内容也即是显示出来。
3. spellcheck属性
   主要针对input元素和textarea文本输入框，对用户输入的文本内容进行拼写和语法检查。两个值是true（默认）和false
4. contenteditable属性
   规定是否可编辑元素的内容，但是前提是该元素必须可以获得鼠标焦点并且内容不是只读的。

2.属性选择器

1. E[att^value]属性选择器
   E为标记，att属性，att属性值包含前缀为value的字符串。
2. E[att$=value]属性选择器
   E为标记且定义了att属性，att属性值包含后缀为value的字符串。
3. E[att*=value]属性选择器
   E为标记且定义了att属性，att属性值包含为value的字符串。

3.关系选择器

1.子代选择器（>）
用来选择某个元素的第一级子元素。类如：h1>strong。
2.兄弟选择器（+，~）
（1）临近兄弟选择器：用+表示，两个元素有同一个父亲，而且第二个元素必须紧跟第一个元素。
（2）普通兄弟选择器：用~表示，两个有同一个父元素，但第二个不必紧跟第一个元素。

4.结构化伪类选择器

1. ：root选择器
   用于匹配文档根元素，在HTML中根元素始终是HTML元素。
2. ：not选择器
   对某个结构元素使用样式，但是想排除这个结构元素下面的子结构元素。body *:not(h3)
3. ：only-child选择器
   匹配属于父元素的唯一子元素的元素。
4. ：first-child和last-child选择器
   分别使用与父元素的第一个或者最后一个元素设置样式。
5. ：nth-child(n)和nth-last-child(n)选择器
   选择某父元素中第二个或者最后一个元素。
6. ：nth-of-type(n)和nth-last-of-type(n)选择器
   匹配属于父元素的特定类型的第n个子元素和倒数第n 个子元素。
7. ：empty选择器
   选择没有子元素或者文本为空的所有元素。
8. ：target选择器
   为页面的某个target元素（该元素的id被当做页面中的超链接来使用）指定样式。只有target选择器所设置的样式才会起作用。

5.伪元素选择器

1. ：before选择器
   在被选元素前面插入内容，必须配合content属性来指定插入的内容。<>:before{content:文字/url();}
2. ：after选择器
   在某个元素之后插入一些内容。

6.链接伪类

1. a:link{css样式规则}：未访问
2. a:visited{css样式规则}：访问后
3. a:hover{css样式规则}：鼠标经过、悬停
4. a:active{css样式规则}：鼠标点击不动

7.css浮动与定位

1. static：静态定位（默认定位）
2. relative：相对定位，源文档流进行定位
3. absolute：绝对定位，第一个上级元素进行定位。
4. fixed：固定定位，根据浏览器
5. 边偏移：top、bottom、left、right
6. z-index:只能在position属性值为relative、absolute、fixed元素上有效，值越大的元素越靠近用户。