Java入门之CSS的使用及常见CSS库.docx

Java入门之CSS的使用及常见CSS库CSS常见属性有哪些?1、CSS文字属性：文字颜色、字体、文字大小、字间距、行间距、对齐方式;2、CSS背景样式：背景颜色、背景图片、透视背景、背景位置;3、CSS框线：上框线、下框线、左框线、右框线、框线样式;4、列表属性：类型、位置、项目标记;5、定位属性：Position、visibility、overflow、clip;6、CSS表单运用：文本框、按钮、复选框、下拉菜单、文本域;7、CSS边距：外边距、内边距;8、CSS连接属性。CSS使用原则：1、可读性更高的 CSS 代码：为后续维护打下良好的基础;2、DRY 原则：DRY 原则能降低代码维护的成本;3、可读的变化：可助人很快读懂它且规避了因为打错而造成的问题;4、一个变量 多处使用：减少对 CSS class 的操作，让 CSS 自定义属性帮助你构建出一个 JS 和 CSS 解耦的页面。常见的CSS库：1、HR.js零依赖库，用于在 DOM 中以编程的方式高亮显示并替换字符串。只需使用 CSS 选择器来定位目标文本的父 HTML 元素，选择要突出显示的单词，设置背景颜色，然后就完成了!2、Buefy适用于 Vue.js 项目的轻量级 UI 框架，使用流行的基于 flexbox 的 CSS 库Bulma构建。它具有典型的 Web APP 所需的全部组件，包括像模态框、吐司和通知这样的动态元素，使开发者可以快速添加任何用户界面到现有的 Vue.js 项目。3、UIkit优秀的 CSS 和 JavaScript 前端框架，包括 SVG 图标字体和几十个组件。它具有统一的样式，易于记忆的 API，许多自定义选项和有用的修饰符类。4、StylelintStylelint 是一款现代化的 CSS linter，可帮助团队在样式表中强制使用客观的 CSS 标准。该库非常强大，可以禁用或列出特定属性，捕获错误和识别 SCSS 语法。StyleLint 是完全可定制的，可以选择添加新规则或移除你不认可的规则。5、HaulHaul 是用于开发 React Native 应用程序的命令行工具。它可以直接替代 React Native packager，提供更好的 webpack 支持，改进的错误消息，大大减少编译时间。Haul 是可定制和完全开源的，文档也十分优秀。6、Pure CSS模块化 CSS 框架，体积十分小，压缩后整个库只有 3.8kb，还可以通过移除一些不需要的部分进一步减小大小。模块包括基本的样式集，响应式网格，表单组件，按钮，表格和菜单。7、WeexWeex 是构建跨平台移动应用的框架，类似于 React Native，但适用于 Vue.js 项目。它可以让你使用 HTML，CSS 和 JavaScript 编写应用，然后在 Android 中将其渲染成 Java 或在 iOS 中将其渲染成 Swift。