HTML属性：
HTML元素可以添加属性。
属性可以在元素内添加附加信息。
HTML属性一般放置在开始标签内。
属性总是以名称/值对的形式出现。
使用于大部分标签元素的属性：
class：为HTML元素定义一个或者多个类名（classname）。
id：定义元素唯一的ID。
style：规定元素的行内样式（inline style）。
title：标题，描述了元素的额外信息（作为工具条使用）。
<p class="pink" id="only" style="color: blue;" title="标题">常用HTML属性</p>
accesskey:设置访问元素的键盘快捷键。alt+M
注意：不同的浏览器使用的快捷键方式不同。
IE:谷歌，opear 15+：ALT+accesskey值
opear ： SHIFT + ESC + accesskey值
火狐：SHIFT + ALT + accesskey值
<a href="https://www.bilibili.com/" accesskey="m">点击跳转</a>
contenteditable（HTML5新增属性）：指定元素内容是否可以编辑。
值：true，指定元素为可编辑状态。false：指定元素为不可编辑状态。
注意：当元素没有设置contenteditable属性时，元素将会从父元素继承。
<div contenteditable="true">
<p>这是一个可以编辑的段落</p>
</div>
dir:规定元素内容的文本方向。
值：auto：浏览器的判断文本方向（浏览器的默认值），仅在文本方向未知时使用。
ltr：默认值，从左到右的文本方向。
rtl：从右到左的文本方向。
<p dir="rtl">正常文本，从左到右</p>
bdo：行内元素，定义文字的方向
<bdo dir="rtl">正常文本，从左到右</bdo>
draggable（HTML5新增属性）:规定元素是否被拖动。
值：true：定义元素为可拖动状态。
false：定义元素为不可拖动状态。
auto：使用浏览器默认特性。
提示：链接和图片默认可以拖动。
<p draggable="true">这是一个可以拖动の段落</p>
hidden：隐藏一个元素
<p hidden>这是一个隐藏段落</p>
lang：规定元素内容的语言
HTMLのlang属性可以用于声明网页或部分网页的语言，对搜索引擎和浏览器都是有帮助的。
可以参考:语言代码参考手册。
<p lang="en">声明英文en</p>
tabindex：规定当前使用“tab”进行导航时元素的顺序。
值：number，元素的tab键控制顺序（1 第一）
<a href="https://www.bilibili.com/video/BV1ct4y1i7By" tabindex="2">111</a><br>
<a href="https://www.baidu.com" tabindex="1">222</a><br>
<a href="https://www.bilibili.com/" tabindex="3">333</a><br>
<title>常用的CSS属性</title>
<style>
div{
width: 100%; /*宽度：单位px像素or百分比%占父元素宽度的百分之多少
注意：当块元素没有设置宽度时，宽度是父元素的100%。行内元素的宽度靠文本填充*/
height: 200px; /*高度：单位px像素，百分比%：占父元素高度的百分之多少（一定要在父元素有固定高度情况下使用）
注意：当元素没有设置高度时，靠内容撑出高度，内容是浮动元素or绝对定位/固定定位除外*/
background-color: pink;/*背景颜色添加*/
}
p{
background-color: black;
font-size: 30px;/*设置文本大小，浏览器默认大小16px，最小文本为12px，尽量使用偶数设置*/
color: blueviolet;/*设置文本颜色*/
font-weight: 600;/*设置字体粗细
值：bold：定义粗体文本，
bolder：特粗体，相当于strong和B对象的作用。
lighter：定义细体文本
100-900：定义字符的粗细，400等于默认值，700等于加粗。
normal：浏览器默认值，定义标准的字符*/
font-family: "黑体";/*字体家族：改变字体的系列（可通过font-family对照表查找需要的值）*/
font-style: italic; /*改变字体的风格：
normal：默认值，标准的字体样式
italic：定义斜体文本，oblique：文本为倾斜的状态。
inherit：规定当前元素继承父元素的字体样式*/
text-align: center;/*定义文本在元素内水平方向的位置
left/start：水平居左。
right/end：水平居右。
center：水平居中。
注意：当前属性对行内元素无效*/
line-height: 100px;/*设置行高，行间距，让文本在元素内垂直居中，不允许使用负值
normal：默认值，设置合理的行间距。
number：设置数字，此数字会与字体大小相乘来设置间距。
百分比：相当于当前文字大小的百分之比进行行间距。*/
text-decoration: underline red;/*文本装饰decoration，，
underline添加下划线 ，
line-through添加删除线
overline：添加底部线
*/
}
a{
text-decoration: none;/*清除下划线*/
}
h3{
text-indent: 20px;/*首行缩进，设置第一行开头部分的距离*/
letter-spacing: 20px;/*字间距，设置字符与字符之间的间距*/
word-spacing: 50px;/*词间距，在词与词之间添加空格，来判断间距的位置*/
text-transform: uppercase;/*文本转换：
uppercase：大写英文
lowercase：小写英文
capitalize：单词首字母大写英文*/
}
</style>
