盒子模型包括哪几个?
1.margin:外边距
2.boder:边框
3.padding:内边距
4.content:内容
怪异盒模型
box-sizing:border-box;
怪异盒模型和普通盒模型的区别:
boder不会包含内外边距
content会包含内外边距
清除浮动
1.给父设高(不推荐)
2.给使用浮动元素后添加一个空的块级元素clear:both;
3.用after伪类清浮动:
#father::after{
content :" ";
display:block;
clear : both;
}
4.再父容器上添加溢出隐藏属性(主要是溢出隐藏)overflow:hidden;
新增语义标签
< article>
定义页面的独立内容,必须独立于文档的,里面可以包含头,尾主题等一脸血内容,在比较大的页面中回适用到,比如博文的列表。
< section>
类似div,不过比div更有意义,他是对内容进行分块。具体呈现的效果也是没有的。
< aside>
aside标签定义了article标签以外的内容,aside内容应该于父级的内容相关,具体看最上面的截图。
< footer>
定义文档或者文档一部分区域的页脚,该元素回包含文档的版权,联系方式等。当然一个文档里面可以使用多个footer。
header
< header>标签定义文档的页眉(介绍信息)
nav
< nav>标签定义导航链接的部分。
JavaScript
Js是弱类型语言(类型可变)
JAVA是强类型语言
基本数据类型:
- number(数字)
- string(字符串)
- bool(布尔)
- null(空值)【清空变量】
- undefined(未定义)【声明了变量但并未赋值】
隐士类型转换
number类型和string类型相加会拼接到一块
相减时string类型数字相减会先转换成number类型然后在进行减法运算