css样式

基于ElementUI与Vue开发美食项目首页，轮播图通过复制数据实现无缝无限循环滚动，精选内容采用瀑布流卡片式布局，借助getBanner与getMenus方法分页动态加载数据，开发时需注意CSS路径及轮播方向设置。

CSS是层叠样式表，用于修饰HTML页面，通过设置颜色、大小、间距等样式使网页更美观。引入方式包括内联定义（标签内style属性）和链入外部样式表文件，后者最常用且易于维护，同时支持层叠、继承与响应式设计，提升开发效率。

CSS中的感叹号important、星号、下划线是浏览器兼容技巧：感叹号important在IE6内联样式中无效，但在其他浏览器有效；星号被IE全系列浏览器识别；下划线仅被IE6识别。这些技巧仅用于调试阶段，专业做法是使用JavaScript判断浏览器特征并动态加载相应样式。

通过CSS样式自定义Flex中TextArea滚动条皮肤，可将滑块隐藏、滑道替换为图片，并让上下箭头保持静态无状态变化。利用setStyle方法将样式名应用于TextArea实例，即可实现滚动条外观定制，代码简洁且便于复用。

直接修改 ~/.atom/styles.less 文件，需用 TextMate scope 语法（如 .syntax--source.syntax--js），UTF-8 编码，避免 !important，改完用 Cmd+Alt+R/Ctrl+Alt+R 重载。 直接改 styles.less 就行，