m0_63338904的博客

HTML5概述html5是html最新的修订的版本，2014年10月份w3c完成标准的制定，html5设计的目的是为了在移动端设备上支持多媒体，html5是在html4.0之后的设计的一个版本html4.0诞生于1999年大部分主流的浏览器都支持html5html5新增了很多的特性 用于绘画的canvas元素 用于媒体 video audio元素 本地存储 新增了很多的内容元素 artice footer header nav section

css3是css2的升级版本，它在css2的基础上增加了很多强大的功能，主流的浏览器都支持css3前缀 浏览器 -webkit 谷歌和safari -moz firefox -ms ie -o opera 加前缀的目的是为了更好的兼容css3的新的特性css3新增的选择器 关系选择器 h1~p：选择h1元素后面的同级的p元素 属性选择器 选择器 介绍 e[att] 选择具有attr属性的

内部样式：<style> /* css样式写这里边 语法： 选择标签{ css属性名：属性值； } 标签选择器：通过标签去选择标签 */ h1{ color:red; } /* id选择器：通过id去选择标签 */ #p2{ color:green; } /* class选择器：通过class名去选择标签（页面可...

绝对定位：position:absolute;表示绝对定位left:500px;/top../right.. /bottom..设置了绝对定位以后可以使用这种定位<style> div{ /*当left/top/right/bottom为0px时，用绝对可以把div填充到整个html*/ width:200px; heiht:200px; position:absolute; left:0px;...

文本属性样式属性 含义 举例 color 设置文本颜色 color:#00c; text-align 设置水平对齐方式 text-align:right； text-indent 设置首行文本的缩进 text-indent:20px; line-height 设置文本的行高 line-height:25px; text-decoration 设置文本的装饰 text-decoration：underline;

可替换元素与不可替换元素可替换元素：比如说img标签不可替换元素：h1和p标签关于input标签input标签比较特殊：因为这个标签他有不同的类型input标签也是一个可替换元素outline:none; /可以去掉元素选中默认出现的边框/超出显示省略号text-overflow:ellipsis;不换行white-space:nowrap;超出隐藏overflow:hidden;关于标签属性和css样式属性注意：html标签会自带一些标签属性

盒子模型边框<style> #box{ border:1px solid red; /*可以分别设置边框颜色。*/ border-top:10px solid red; }</style>border-solid:实线border-dashed：虚线border-dotted:点线border_double：双线外边框：margin:20px 200px 30px 100px;设置与其他元素边界的...

浮动伪类对象：/*伪类对象：伪类对象会在页面中作为一个伪元素，展示出来*//* h1::before：在内容最前面显示*/<style> h1::before{ content:"哈哈"; color:red; } /* h1::before：在内容最后面显示*/ h1::after{ content:"呵呵"; color:red; } /* 总结 ...

overflow<style>#box{ width:100px; height:100px;/*overfiow:hidden; 超出部分隐藏*/ overflow:hidden;} </style><div id="box"> </div>overflow:auto;只有当内容超出时，才会出现滚动条overflow:scroll;不管内容是否超出，都会出现滚动条overflow解决...

display属性属性 作用 display：none; none值表示隐藏元素，在页面不占位置 display: block; 将行级变块级元素 display: inline; 将块级元素改成行级元素 display: inline-block; 有行级元素和块级元素的特点，可以设置宽高以及外边距，不会独占一格 块级元素：1）块级元素独占一行2）块级元素可以设置宽高3）块级元素默认宽度占一行，默认高度为0但可以由内容撑开4）块级元

表格ul:无序列表li:列表下面的项<ul> <li>电脑</li> <li>手机</li> <li>苹果电脑</li></ul>type属性取值disc:实心圆square:实心方块 ■circle:空心圆 ⚪ol:有序列表li:列表下面的项<ol type="1"> <li>电脑</li>

表格table:tr标签：表示一行td标签：表示一行里面的一个单元表格th标签：表示一行里面的一个单元表格（一般放在thead中）<!-- cellspacing设置单元格的外边距距离 cellpadding设置内边距 border设置表格外边框线条大小 --><table cellspacing="0" cellpadding="20px" border="1"> --（表头 -- 显示每一列字段 一般用th做单元格） <thead

a标签target属性：跳转的页面要显示的位置_blank属性值：表示新的窗口打开_parent属性值：表示在父级窗口打开锚链接：1.通过a标签进行跳转本页面跳转2.需要在跳转到的位置，设置瞄点<a href="#name-1">a标签</a><a name="name-1">嗓子干</a> --name=锚点名字<a href="mailto:***@qq.com">邮箱</a>