CSS的一些心得
- 在实现当删除某个div块后，后续的div块能自动补位的效果时，可以不用JS的效果，直接把div设置成float属性，利用浮动的特性来完成这种效果。不过这个效果在正式的应用里用的不多，因为应用里都是直接抽数据，然后把数据循环填充进去。
- 如果一个元素同时需要浮动和弹性布局的话，有时候可以不妨创建两个div，父div设置浮动，子div设置弹性布局，切记顺序不能相反，因为在弹性布局中子div的浮动是无效的。
- 在做切图时切记不能傻切，现在的切图一般都是一套一起切的，往往有很多切图都是有着相同的格式或者是元素(比如说搜索框往往是多个切图都会用到的)。所以在遇到这种元素时可以把这几个元素的CSS样式单独拉出来放在CSS文件的头部或者是尾部(甚至是放在一个单独的公共文件夹中)。还有像浮动、多文字省略这种元素样式也是可以提前写好的。到时候直接引用就好
- 现在来看移动端的布局里居中效果用弹性布局来解决是很好的选择。
- 有些时候图片不一定就要用img标签，也可以直接放在div里当背景图片
- 有些时候一个div里并排多个元素时往往元素的间距不好把控，例如一个姓名文本加一个姓名输入框，文本宽度是固定的，输入框的宽度是自适应的，这时候可以用cala来解决。如果还有多个的话可以再往里面套div。
- 还有class的书写时个人是感觉不要写链式的，因为到后期修改时或者是复用，这种class会很恐怖。还有class的命名不宜过长，个人是最多三个单词。
- 在做一套切图时，我的习惯是每个class名的开头第一个词都是当前切图的编号。例如第一张切图的第一个div有时候就会命名为
No1_div1第二张就命名为No2_div1。个人是觉得这样有利于class位置的查找和复用。
来源：CSDN
作者：Start-ZJ
链接：https://blog.csdn.net/qq_38054172/article/details/100558774