摘要：1. 语法 @media（not | only）媒体类型 and 表达式 2. （not | only） not : 排除某种媒体类型 only : 指定某种媒体类型 3. 媒体类型 all : 所有多媒体类型设备 print : 打印类型媒体设备 scrern : 显示类型的媒体设备 speech 阅读全文

摘要：C2盒子模型： 盒子在页面的实际宽度 = 边框 + 内边距 + 盒子宽度（width定义的宽度） C3盒子模型： 盒子在页面的实际宽度 = 盒子宽度（width定义的宽度） = 边框 + 内边距 + 盒子宽度（定义的宽度 - 边框 - 内边距） 阅读全文

摘要：vertical-align用于设置一个元素的垂直对齐方式，但只对行内元素或者行内块元素有效。 应用场景： 1. 图片、表单、文字对齐。 2. 解决图片底部默认空白缝隙的问题。 PS：该属性不能被继承，除了可以使用几种对齐方式，还可以使用像素来进行对齐。 阅读全文

摘要：1 <style> 2 div { 3 /* 强制文本一行显示 */ 4 white-space: nowrap; 5 /* 溢出文本隐藏 */ 6 overflow: hidden; 7 /* 对溢出的文本用省略号代替 */ 8 text-overflow: ellipsis; 9 } 10 </ 阅读全文