摘要：
<!--/*设置盒模型*/--><!--content-box:你设置的width属性值仅仅是内容的宽度， 盒子的最终的宽高值在width的基础上再加上padding和border的宽度*/--><!--border-box:你设置的width属性值就是盒子的最终的宽度， 包含了border和pad 阅读全文
摘要：
/*添加阴影 text-shadow:offsetX offsetY blur color*/.demo1{ text-shadow: -2px -2px 5px red;}.demo2{ text-shadow: 0px 0px 30px #fff;}/*多层阴影效果*/.demo3{ text- 阅读全文
摘要：
/*1.使用预设了值*//**//*2.使用颜色拾取器*//**//*rgb(红，绿，蓝)*/background-color: rgb(255,150,0);/*hsl(颜色(0~360)，饱和度(0%~100%)，明度(0%~100%))*//*明度默认是50%,一般建议保留50的值*/back 阅读全文
摘要：
div:nth-of-type(2)::before{ /*必须添加content属性，否则后期不可见*/ content: ""; /*默认是行级元素，如果想设置宽高，就必须转换为块级元素*/ position: absolute; width: 20px; height: 20px; backg 阅读全文
摘要：
/*属性选择器：属性是相对于标签而言。所谓属性选择器就是根据指定名称的属性的值来查找元素*//*1.E[attr]:查找指定的拥有attr属性的E标签。如查找拥有style属性的li标签*/li[style]{ text-decoration: underline;}/*2.E[attr=value 阅读全文
摘要：
<h3 class="playerTitle">视频播放器</h3><div class="player"> <video src="mp4/chrome.mp4"></video> <div class="controls"> <a href="javascript:;" class="switc 阅读全文
摘要：
<pre>sessionStorage的使用：存储数据到本地。存储的容量5mb左右。 1.这个数据本质是存储在当前页面的内存中-意味着其它页面和浏览器无法获取数据 2.它的生命周期为关闭当前页面，关闭页面，数据会自动清除setItem(key,value):存储数据，以键值对的方式存储getItem 阅读全文