lujieting0

2018年12月19日

摘要： /*1.使用预设了值*//**//*2.使用颜色拾取器*//**//*rgb(红，绿，蓝)*/background-color: rgb(255,150,0);/*hsl(颜色(0~360)，饱和度(0%~100%)，明度(0%~100%))*//*明度默认是50%,一般建议保留50的值*/back 阅读全文

posted @ 2018-12-19 20:07 lujieting0 阅读(520) 评论(0) 推荐(0)

:before，after和其他伪元素添加

摘要： div:nth-of-type(2)::before{ /*必须添加content属性，否则后期不可见*/ content: ""; /*默认是行级元素，如果想设置宽高，就必须转换为块级元素*/ position: absolute; width: 20px; height: 20px; backg 阅读全文

posted @ 2018-12-19 20:05 lujieting0 阅读(1389) 评论(0) 推荐(0)

属性，兄弟，伪类选择器

摘要： /*属性选择器：属性是相对于标签而言。所谓属性选择器就是根据指定名称的属性的值来查找元素*//*1.E[attr]:查找指定的拥有attr属性的E标签。如查找拥有style属性的li标签*/li[style]{ text-decoration: underline;}/*2.E[attr=value 阅读全文

posted @ 2018-12-19 20:04 lujieting0 阅读(440) 评论(0) 推荐(0)

视频播放器

摘要： <h3 class="playerTitle">视频播放器</h3><div class="player"> <video src="mp4/chrome.mp4"></video> <div class="controls"> <a href="javascript:;" class="switc 阅读全文

posted @ 2018-12-19 20:01 lujieting0 阅读(403) 评论(0) 推荐(0)

sessionStorage和localStorage的使用

摘要： <pre>sessionStorage的使用：存储数据到本地。存储的容量5mb左右。 1.这个数据本质是存储在当前页面的内存中-意味着其它页面和浏览器无法获取数据 2.它的生命周期为关闭当前页面，关闭页面，数据会自动清除setItem(key,value):存储数据，以键值对的方式存储getItem 阅读全文

posted @ 2018-12-19 20:00 lujieting0 阅读(306) 评论(0) 推荐(0)

2018年12月13日

地理定位接口

摘要： <style> .de{ width: 300px; height: 300px; border: 1px solid #ddd; } </style></head><body><div id="demo" class="de"></div><script> var x=document.getEl 阅读全文

posted @ 2018-12-13 22:03 lujieting0 阅读(266) 评论(0) 推荐(0)

拖拽接口的使用

摘要： <style> *{ margin: 0; padding: 0; } .div1{ width: 200px; height: 200px; border: 1px solid red; position: relative; margin-left:20px; float: left; } .d 阅读全文

posted @ 2018-12-13 22:02 lujieting0 阅读(297) 评论(0) 推荐(0)

FileReader的使用

摘要： <style> div{ height: 20px; width: 0%; background-color:red; } </style></head><body><!--src:指定路径(资源定位--url):src请求的是外部文件，一般来说是服务器资源。意味着它需要向服阅读全文

posted @ 2018-12-13 22:01 lujieting0 阅读(1112) 评论(0) 推荐(0)

网络接口和全屏接口的使用

摘要： <script> /*1.ononline:网络连通的时候触发这个事件*/ window.addEventListener("online",function(){ alert("网络连通了"); }); /*2.onoffline:网络断开时触发*/ window.addEventListener 阅读全文

posted @ 2018-12-13 22:00 lujieting0 阅读(253) 评论(0) 推荐(0)

类样式操作

摘要： <style> .red{ color:red } .green{ color: green; } .blue{ color: blue; } .underline{ text-decoration: underline; } </style></head><body><ul> <li class= 阅读全文

posted @ 2018-12-13 21:59 lujieting0 阅读(295) 评论(0) 推荐(0)

公告