随笔分类 -  HTML

一些HTML元素对内部内容的限制
摘要：a不能包含其他的交互元素（如按钮、链接） ul和ol只能直接包含li select只能包含option和optgroup table只能直接包含thead,tbody,tfoot,tr,caption,col,colgroup tr只能直接包含th和td 阅读全文
posted @ 2018-08-02 15:44 苹瑶 阅读(245) 评论(0) 推荐(0)
HTML开发，用JS实现当前时间的获取
摘要：var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDa 阅读全文
posted @ 2018-07-18 17:01 苹瑶 阅读(535) 评论(0) 推荐(0)
多栏布局
摘要：<!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 苹瑶 阅读(155) 评论(0) 推荐(0)
Web存储
摘要：①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 苹瑶 阅读(148) 评论(0) 推荐(0)
audio跟video
摘要：html5中的用法 audio播放音频(无宽高,需带播放控件才能显示) video播放视频(需设置宽高) 引用浏览器自带的控件的方法 没有特殊指明的,都是audio跟video共有的属性 阅读全文
posted @ 2018-01-12 13:51 苹瑶 阅读(217) 评论(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 苹瑶 阅读(760) 评论(0) 推荐(0)
利用选择器在页面插入内容
摘要：可插入文字/图片/项目编号 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>使用选择器插入内容</title> <style> /*在h2标识的内容前面增加"补充"二字,并可设置样式*/ h2:before{ 阅读全文
posted @ 2018-01-12 13:50 苹瑶 阅读(176) 评论(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 苹瑶 阅读(172) 评论(0) 推荐(0)