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、Stylelint

Stylelint 是一款现代化的 CSS linter,可帮助团队在样式表中强制使用客观的 CSS 标准。该库非常强大,可以禁用或列出特定属性,捕获错误和识别 SCSS 语法。StyleLint 是完全可定制的,可以选择添加新规则或移除你不认可的规则。

5、Haul

Haul 是用于开发 React Native 应用程序的命令行工具。它可以直接替代 React Native packager,提供更好的 webpack 支持,改进的错误消息,大大减少编译时间。Haul 是可定制和完全开源的,文档也十分优秀。

6、Pure CSS

模块化 CSS 框架,体积十分小,压缩后整个库只有 3.8kb,还可以通过移除一些不需要的部分进一步减小大小。模块包括基本的样式集,响应式网格,表单组件,按钮,表格和菜单。

7、Weex

Weex 是构建跨平台移动应用的框架,类似于 React Native,但适用于 Vue.js 项目。它可以让你使用 HTML,CSS 和 JavaScript 编写应用,然后在 Android 中将

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180226A0QN0X00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券