web前端知识要点总结1

一、web前端知识点（总结），转自达内著名UID讲师段惠勇老师。

行内元素：a、b、span、img、input、strong、select、label、em、button、textarea

块级元素：div、ul、ol 、li、dl、dt、dd、p、h1-h6、blockquote

空元素：即系没有内容的HTML元素，例如：meta、link、br、hr、input、img

Html属性不能重复使用，但css的属性是后写的替换先写的

子级标签属性会继承父级标签属性

子级标签属性与父级冲突，子级优先

布局级别就是排队级别：默认布局级，浮动布局级，定位布局级

默认布局级下标签间的margin值共用

浮动布局级下margin值相加

绝对定位安置位置参考文档

相对定位安置位置参考本身

固定定位安置位置参考窗体

宽度属性认知：

默认布局级，块元素有默认宽度，宽度由父级决定，因此建议宽度尽量设置给父级，易控。

浮动布局级，块元素无默认宽度，宽度由子级支撑，但宽度可相对父级设置百分比。

高度属性认知：

父级有高度设置时，子级可溢出，父级无高度设置时由子级内容支撑，因此建议高度值尽量设置给子级，易控。

CSS中可继承的属性

所有元素可继承：visibility和cursor

内联元素可继承：letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction

块状元素可继承：text-indent和text-align

列表元素可继承：list-style、list-style-type、list-style-position、list-style-image

表格元素可继承：border-collapse