做切图工作一个多星期。总结了几个要领：

先观察整□□□个页面的◥布局，找出公共□□□□的样式。写成单独□□□□的类名。在HTML中调用即□□□可。这样可以□□□□提高切图□□效率，节约开发□□时间。

把页面看◉成一个个□□□□横向的结□□构，用浮动（别忘了清□□□浮动）去布局，多用百分□□□比为元素◇单位。用内边距□□和外边距□□去达到最❖后想要的□□效果。

在使用overflow:hidden;的时候。会遇到子◢元素定位□□超出可视□□□范围造成overflow:hidden;无效的情·况。这时候在□□□最外面的□□容器上加□□□□相对定位（position: relative;）就可以解◉决。

有时候网□□□页由于元◤素的padding或者margin而产生超□□出横向可□□□视区域的★情况。如果不是□□很多。就在body加上overflow:hidden;就可以解☆决；

元素居中◣的方法一□□般用两个，一个是：margin: 0 auto;一般用于□□有宽度的□□块级元素。还有一个□□是：text-align: center;用于元素◈里的文字。

点击出现和隐藏菜单用JQ里的show()和 hide()方法来实现。代码很简短。

一些点击□□效果用一□□□□个新的类◇名实现。JQ控制删除□□□□添加类名。新类名的□□样式结尾□□要加上!important来提高优□□□□先级别。

对于前端◢现在很多□□□的开发都◎是运用各□□□□种框架和□□□□插件库。在高速开□□□□发的需要□□□□之下。这个方法◢是最合适□□□的。当然也不□□□□能忘记基□□□础的东西。JavaScript作为前端□□□□的核心技□□术，不能忽视。如果一个□□□项目比喻◥成一桌子□□的菜。那么JavaScript就是各种□□□原材料。框架就是□□打包好的□□成品菜。有一天成◥品菜需要□□更换了。还是要用□□到JavaScript。与其说那□□□些框架（Angular、React、Vue）是一项技□□术不如说✦是一个指□□标,包括CSS在内。在空闲的□□□时间里必◈须要不断□□□的去学习。方向也很※重要。掌握原生□□□□的技术才□□□□能走得长▼远。