最新文章
Visual Studio Code 对 CSS / Sass / Less 的支持
智能感知 VS Code 支持选择器，属性和值。使用 Ctrl + Space 获取特定于上下文的选项列表。 提案包含大量文档，包括支持该属性的浏览器列表。要查看所选条目的完整描述文本，请使用Ctrl + Space。 语法着色和颜色预览 在您键入时，会有语法突出显示以及颜色的上下文预览。 单击颜色预览将启动集成颜色选择器，该颜色选择器支持色调，饱和度和不透明度的配置。 提示：您可以通过单击选取器…
CSS 预处理器和父选择器
Web 网站和 web app 开发对 RTL（right-to-left，从右向左的阅读顺序）是非常头疼的,因为我们没有相应的CSS属性或者是现有的CSS属性在各个浏览器兼容性太差，导致不能够让网站和网页应用正确地展示”RTL”。虽然现有一些属性比如 text-align:start; 和 -moz-margin-star 都支持 RTL，但是他们都不能兼容所有的浏览器.然而大家都知道多国语言版…
CSS 高级布局技巧
随着 IE8 逐渐退出舞台，很多高级的 CSS 特性都已被浏览器原生支持，再不学下就要过时了。 用 :empty 区分空元素 兼容性：不支持 IE8 Demo 假如我们有以上列表： <div class="item">a</div> <div class="item">b</div> <div class="item"></div&…
Airbnb CSS / Sass 编写指南
用更合理的方式写 CSS 和 Sass 术语 规则声明 我们把一个（或一组）选择器和一组属性称之为 “规则声明”。举个例子： .listing { font-size: 18px; line-height: 1.2; } 选择器 在规则声明中，“选择器” 负责选取 DOM 树中的元素，这些元素将被定义的属性所修饰。选择器可以匹配 HTML 元素，也可以匹配一个元素的类名、ID, 或者元素拥有的属性…
HTML / CSS / 网页布局知识点
一、普通标签 1、 <q>引用文本</q> 短文本引用。 浏览器会对 q 标签自动添加双引号，但重点是其语义：引用别人的话。 2、<blockquote>引用文本</blockquote> 长文本引用 浏览器对 标签的解析是缩进样式 3、 为你的网页中添加一些空格 4、<address>联系地址信息</addre…
通用 CSS 笔记 建议与指导
在参与规模庞大、历时漫长且参与人数众多的项目时，所有开发者遵守如下规则极为重要： 保持 CSS 易于维护 保持代码清晰易懂 保持 CSS 的可拓展性 为了实现这一目标，我们要采用诸多方法。 本文档第一部分将探讨语法、格式以及分析 CSS 结构；第二部分将围绕方法论、思维框架以及编写与规划 CSS 的看法。 CSS 文档分析 无论编写什么文档，我们都应当维持统一的风格，包括统一的注释、统一的语法与统…
使用 Sass 来写 OOCSS 帮助您组织 / 管理您的 CSS 代码 / 模块
自从 2008 年 Nicole Sullivan 提出 Object-Oriented CSS (OOCSS)以来。它就成为一个领先的模块系统，用来组织你的CSS代码方式之一。 OOCSS不同于其他组织CSS代码方法，比如 SMACSS 或者 BEM 。通过将CSS代码和结构分离让你的模块可重用。事实上，我也通常将SMACSS与OOCSS混为一谈。其实 John W. Long 在 The Sa…
CSS 中的预处器语言介绍 Sass/SCSS/Less/OOCSS 元素命名规范
我已经想了很多关于自己编写的 CSS，其当前的状态和这么多年来是如何改变的。 我通常在开始做一个新项目的时候都会使用自己的框架 Motherplate。它使用了Sass和Compass。大部分的类名最初都没有基于任何其他的框架。也不是故意这么做的。 现在，我认识的大多数开发人员都在使用 Bootstrap。如果一个朋友要启动一个新项目，得到一些应用程序上的帮助，我通常会建议他们使用Bootstra…
Qix- / color 转换 CSS 颜色字符串的 JavaScript 插件
支持 CSS 颜色字符串的不可变颜色转换和操作的 JavaScript 库。 var color = Color('#7743CE').alpha(0.5).lighten(0.5); console.log(color.hsl().string()); // 'hsla(262, 59%, 81%, 0.5)' console.log(color.cmyk().round().array());…
- 共 10 页
- 1
