一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第5天，点击查看活动详情。
CSS中选择器的优先级以及CSS权重
！Important>行内样式>ID选择器>类选择器>标签>通配符>继承>浏览器默认属性
CSS权重是由四个数值决定，看一张图比较好解释：
- 第一等：内联样式，如：style="color:red;"，权值为1000.（该方法会造成css难以管理，所以不推荐使用）
- 第二等：ID选择器，如：#header，权值为0100
- 第三等：类、伪类、属性选择器如：.bar，权值为0010
- 第四等：标签、伪元素选择器，如：div::first-line权值为0001 其他：
- 无条件优先的属性只需要在属性后面使用!important。它会覆盖页面内任何位置定义的元素样式。（ie6支持上有些bug）
- 通配符，子选择器，相邻选择器等。如*，>,+,权值为0000.
- 继承的样式没有权值
CSS选择器有哪些 哪些属性可以继承
CSS选择器：
- id选择器（#myid）
- 类选择器（.myclassname）
- 标签选择器（div,h1,p）
- 相邻选择器（h1+p）
- 子选择器（ul>li）
- 后代选择器（lia）
- 通配符选择器（*）
- 属性选择器（a[rel="external"]）
- 伪类选择器（a:hover,li:nth-child） 继承属性：
- 可继承的样式：font-sizefont-familycolor,ULLIDLDDDT;
- 不可继承的样式：borderpaddingmarginwidthheight;
常见的语义化标签
- 元素描述了文档的头部区域标签定义导航链接的部分
- 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分标签定义独立的内容
- 标签定义页面主区域内容之外的内容（比如侧边栏）
- 元素描述了文档的底部区域
H5事件有哪些
- onblur：当失去焦点时运行脚本
- onchange：当元素改变时运行脚本
- onclick：当单击鼠标时运行脚本
- ondrop：当被拖动元素正在被拖放时运行脚本
- onended：当媒体已抵达结尾时运行脚本
- onerror：当在元素加载期间发生错误时运行脚本
- onfocus：当获得焦点时运行脚本
- oninput：当元素获得用户输入时运行脚本
- onkeydown：当按下按键时运行脚本（还没松开时就触发）
- onkeypress：当按下按键时运行脚本（还没松开时就触发）
- onkeyup：当松开按键时运行脚本（松开时即触发）
- onload：当加载时运行脚本
- onmousedown：当按下鼠标按钮时运行脚本
- onmousemove：当鼠标指针移动时运行脚本
- onmouseout：当鼠标指针移出元素时运行脚本
- onmouseover：当鼠标指针移至元素之上时运行脚本
- onmouseup：当松开鼠标按钮时运行脚本
用CSS3做一个三角形
//可以随着自己的想法来改变三角形方式
<style>
.up{
width:0;
heighe:0;
border-width:0 28px 28px;
border-style:solid;
border-color:transparent transparent pink
}
</style>
<body>
<div class="up"> </div>
</body>
