一、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