CSS 编写的痛点CSS 作为一种样式语言，本身用来给HTML元素添加样式是没有问题的CSS 常见单位详解但是目前前端项目已经越来越复杂，不再是简简单单的几行CSS就可以搞定的，我们需要几千行甚至上万行CSS来完成页面的美化工作随着代码量的增加，必然会造成很多编写不便- 比如大量重复的代码，虽然可以

CSS 常见单位详解编写CSS时，我们经常会使用 px 来表示一个长度（大小），比如 font-size 设置 18px，width 设置为100pxpx 是一个长度（length）单位，事实上 CSS 中还有很多的长度单位整体可以分成两类绝对长度单位（Absolute length units）相

HTML5 新增元素HTML5语义化元素在HTML5之前，我们的网站分布层级通常包括那些部分呢- header、nav、main、footer但是它们都是通过 div 来实现的，有一个弊端- 过多的使用 div，通过 id 或者 class 来区分元素- 对于浏览器来说这些元素不够语义化- 对于搜索

先确定盒子本身是如何布局position: absolute;float: left/right;display: flex;盒子的特性和可见性display: block/inline-block/inline/nonevisibility/opacity盒子模型width/heightbox-s

CSS属性 - transformCSS transform 属性允许对某一个元素进行某些形变、包括旋转、缩放、倾斜或者平移等。transform 是形变的意思，transformer 就是变形金刚注意事项：并非所有的盒子都可以进行 transform 的转换（通常行内级元素不能进行形变）所以，tr

1、行内元素超出显示省略号text-overflow: ellipsis;tip: 适用于宽度固定的行内元素2、块级元素超出显示省略号display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-cla