随笔分类 -  HTML学习目录

想爬上树就得从底下开始。扎扎实实地打好基础，练好基本功，我认为这是成功的开始。
input range音乐进度条
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum 阅读全文
posted @ 2017-02-24 10:42 晓之殇 阅读(570) 评论(0) 推荐(0)
html5_canvas初学
摘要：Document 什么是canvas？ canvas是在html5中的一个重要元素，专门用来绘制图形。 画布的创建方法：指定id、width、height 取得上下文：getContext("2d") 绘制图形的方法：fillstyle填充、storkestyle边框 阅读全文
posted @ 2016-06-22 16:08 晓之殇 阅读(167) 评论(0) 推荐(0)
HTML5部分元素
摘要：Document HTML4文档声明 : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> HTML5文档声明 : <!DOCTYPE html 阅读全文
posted @ 2016-06-22 15:03 晓之殇 阅读(160) 评论(0) 推荐(0)
初学HTML5
摘要：Document 什么是HTML5？ 首先了解html:html即超文本语言，这是一种语法简单、结构清晰的语 解析型文档，他不同于其他的编程语言。 html5就是html网页标记语言的第五次重大更新产品，在这个版本中，新功能不断推出，以帮助web应用程序的作者，努力提高新元素互操作性。 HTML5的 阅读全文
posted @ 2016-06-22 14:21 晓之殇 阅读(126) 评论(0) 推荐(0)
css之line-height
摘要：行内框盒子模型1."内容区域"(content area)2."内联盒子"(inline boxes)3."行框盒子"(line boxes)4."包含盒子"(containing box) 内联元素高度的由来：是由line-height决定的；而不是由字体的大小 （font-size）决定；单行文 阅读全文
posted @ 2015-09-23 23:22 晓之殇 阅读(207) 评论(0) 推荐(0)
IE兼容问题及处理
摘要：1.在IE6下，子元素能撑开父级设置好的宽高 2.IE6下的最小高度，高度小于19px的元素在IE6下会被当做19px来处理 解决办法:overflow:hidden; 3.IE6下 不支持1px的点线 4.在IE6下父级有边框，可能会导致子元素的margin值失效 解决办法:触发父级的haslay 阅读全文
posted @ 2015-09-01 00:32 晓之殇 阅读(340) 评论(0) 推荐(0)
html5标签
摘要：块 <div>块</div><p>段落</p>有上下margin<h1>标题</h1>首行缩进 有上下margin 字体加粗bold<h2>标题</h2>首行缩进 有上下margin 字体加粗bold<h3>标题</h3>首行缩进 有上下margin 字体加粗bold<h4>标题</h4>首行缩进 阅读全文
posted @ 2015-08-31 23:41 晓之殇 阅读(226) 评论(0) 推荐(0)
常用的默认样式重置
摘要：body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd,figure{margin:0; font-family:Arial,"宋体";}ul,ol{padding:0;list-style:none;}a{text-decoration:none;}h1,h2,h3,h4,h5, 阅读全文
posted @ 2015-08-31 23:40 晓之殇 阅读(282) 评论(0) 推荐(0)
弹性盒模型
摘要：弹性盒模型 兼容性有点差：display: flex; （主轴和侧轴）flex - direction: ( 方向的设置 ) column 从上往下排列 column - reverse 从下往上排列 row 从左向右排列（默认值） row - reverse 从右向左排列justify - con 阅读全文
posted @ 2015-08-31 23:36 晓之殇 阅读(338) 评论(0) 推荐(0)
重绘、回流
摘要：重绘：对某个区域、对象的重新渲染表现 回流：对某个区域、对象进行重绘，根据条件影响到它的祖先对象进入重绘（并可能无限递归直到顶级祖先对象） 重绘如何出现：改变对象的形状、坐标、表现以及内容都会引发该对象被重新渲染，这种现象即为重绘。 回流如何出现：当该对象即将重绘时，浏览器会根据条件判断该对象的重绘 阅读全文
posted @ 2015-08-29 23:32 晓之殇 阅读(180) 评论(0) 推荐(0)
html5表单和伪类
摘要：type = "email"; 自带验证格式type = "url"; 网址 http//:type = "tel";移动端会变成数字键盘type = "search";输入的时候多出x ,适合移动端type = "range"; min="最小值" max = "最大值" step = "跳动" 阅读全文
posted @ 2015-08-29 21:31 晓之殇 阅读(759) 评论(0) 推荐(0)