黑马程序员技术交流社区

标题: 技术贴 [打印本页]

---

作者: yankun525    时间: 2019-3-18 23:08
标题: 技术贴


根据个人随堂笔记总结的一些知识点，比较零散，但是还算实用：
1.块级元素的特点：独占一行 ；可以控制大小、内外边距 ；宽度默认为100% ；容器可以嵌套其它元素
  注：文本类块级元素h，p，dt不能嵌套div 包括自己

2 行内元素的特点：一行内显示多个 ；只能容纳文本或其他行内元素；宽高无效（包括垂直方向的内外边距！） ；默认宽度是本身 a不能包a但是可以嵌套块级！
3.行内块元素特点：行内块：（img input textarea... ）可以设置大小；同一行显示（白色空隙是换行引起）；大小由内容决定
4.margin塌陷解决：1给父元素设置边框   2给父元素设置一个像素上内边距  3给父元素设置overflow：hidden属性（常用）  4父元素/子元素加float属性  5父元素/子元素加position：fixed/absolute属性
5.浮动元素特点：1脱离标准流 不占位置   2显示模式改变 类似行内块元素  3只会影响当前和后面的标准流元素   4不会超过/覆盖父元素的边框和内边距
6.font:font-style font-weight (font-size/line-height)! font-family 注：使用综合写法不带行高有默认字体大小行高
7.span,a,em,strong,del,ins...这类元素不能设置text-align：center/right/left属性
8.thead 和tbody （tfoot）之间不能跨列合并
9.浮动盒子边变行内块 可以设宽高
10.计算器快捷运行：运行calc
11.关于li在版心里装不下的时候处理办法：
可以设置子盒子宽度（加上外边距）大于父盒子，子盒子可以比父盒子大
12.div嵌套img时多出的空白怎么解决？给img设置vertical-align为baseline以外的值或者改变img的显示模式

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2