摘要: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>CSS3分栏布局</title> <style> #div1{ width: 100%; -webkit-column-width:150px; -moz-co 阅读全文
posted @ 2018-01-12 14:11 苹瑶 阅读(149) 评论(0) 推荐(0) 编辑
摘要: ①html4是采用cookies存储的 cookies的缺点: ②html5新增存储方法 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>Web Storage本地储存</title> <script typ 阅读全文
posted @ 2018-01-12 14:00 苹瑶 阅读(140) 评论(0) 推荐(0) 编辑
摘要: html5中的用法 audio播放音频(无宽高,需带播放控件才能显示) video播放视频(需设置宽高) 引用浏览器自带的控件的方法 没有特殊指明的,都是audio跟video共有的属性 阅读全文
posted @ 2018-01-12 13:51 苹瑶 阅读(203) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>CSS3属性选择器</title> <style> [id*=section]{ background: #000; } [id^=s]{ background 阅读全文
posted @ 2018-01-12 13:51 苹瑶 阅读(141) 评论(0) 推荐(0) 编辑
摘要: 可插入文字/图片/项目编号 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>使用选择器插入内容</title> <style> /*在h2标识的内容前面增加"补充"二字,并可设置样式*/ h2:before{ 阅读全文
posted @ 2018-01-12 13:50 苹瑶 阅读(167) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>在页面上显示服务器端的字体</title> <style> @font-face { font-family: webfont; src: url(qtgg.o 阅读全文
posted @ 2018-01-12 13:50 苹瑶 阅读(754) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> span~p{ background: green; } </style> </head> <body> <div> <p>d 阅读全文
posted @ 2018-01-12 13:49 苹瑶 阅读(163) 评论(0) 推荐(0) 编辑