智能引导系统当中遇到的新的css样式

取消HTML5当中radio的默认圆点

通过设置：

appearance: none;
outline: none;

设置背景颜色线性渐变

css3的filter属性

filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url();
// none： 默认值没有效果；
// blur(radio)： 给图像设置高斯模糊，radio设置高斯函数的标准差，或者屏幕上以多少像素融合在一起，值越大越模糊，不接受百分比，单位是px；
// brightness()： 亮度，可以用百分比或者整数(100%=1)，为原图。
// contrast()： 对比度，没有值默认1，可以使用百分比，1=100%；
// drop-shadow()： 设置阴影，值和css3的box-shadow类型，除了inset不能使用别的都可以使用，通过滤镜一些浏览器为了更好的性能会提供硬件加速；
// <offset-x> <offset-y> (必须)水平、垂直偏移量；
// <blur-radius> (可选)这是第三个值. 值越大，越模糊，则阴影会变得更大更淡.不允许负值 若未设定，默认是0 (则阴影的边界很锐利)；
// <spread-radius> (可选)这是第四个值. 正值会使阴影扩张和变大，负值会是阴影缩小.若未设定，默认是0 (阴影会与元素一样大小). 
注意: Webkit, 以及一些其他浏览器 不支持第四个，如果加了也不会渲染。
// <color> (可选)若未设定，颜色值基于浏览器。在Gecko (Firefox), Presto (Opera)和Trident (Internet Explorer)中， 会应用color属性的值。另外, 如果颜色值省略，WebKit中阴影是透明的。
// grayscale()： 灰度，0%(无变化)~100%(完全置灰)；
// hue-rotate()： 给图像应用色相旋转，单位deg，0deg(默认)~360deg(超过360再旋转一圈)；
// invert()： 反色，0%(图像无变化)~100%；（类似于负片）
// opacity()： 透明程度，0%~100%(图像无变化)；
// saturate()： 饱和度，0%~100%(图像无变化，相当于1)，允许超过100%；
// sepia()： 将图像转换为深褐色，0%(图像无变化，默认值0)~100%(图像完全深褐色)；
// url()： URL函数接受一个XML文件，该文件设置了 一个SVG滤镜，且可以包含一个锚点来指定一个具体的滤镜元素。
// 例如：filter: url(svg-url#element-id): url(svg-url#element-id)

HTML5当中新学习的标签

details，可以实现下拉显示table效果

<details>
	<summary>下拉内容的标题</summary>
</details>

contenteditable=‘true’,可以设置div，span，p标签可编辑
input的属性

<!-- 1.对应input的标签   output，代表输出结果 -->
<!-- 2.type = range 代表范围，有一个类似于进度条的显示 -->
<!-- 3.<progress></progress>进度条组件 -->
<!-- 4.<meter id="home" value="4" min="0" max="0">2 out of 10 | 60%</meter> -->
<!-- 5.requir属性，输入字段必填；autofocus加载页面时自动获取焦点 -->