CSS

CSS

CSS

91 文章 5658 浏览

最新文章

HTML / CSS / 网页布局知识点

一、普通标签 1、 <q>引用文本</q> 短文本引用。 浏览器会对 q 标签自动添加双引号,但重点是其语义:引用别人的话。 2、<blockquote>引用文本</blockquote> 长文本引用 浏览器对 标签的解析是缩进样式 3、&nbsp; 为你的网页中添加一些空格 4、<address>联系地址信息</addre…

JSmiles 2021-01-02 15:04:26 浏览 918 评论 0 收藏 0

通用 CSS 笔记 建议与指导

在参与规模庞大、历时漫长且参与人数众多的项目时,所有开发者遵守如下规则极为重要: 保持 CSS 易于维护 保持代码清晰易懂 保持 CSS 的可拓展性 为了实现这一目标,我们要采用诸多方法。 本文档第一部分将探讨语法、格式以及分析 CSS 结构;第二部分将围绕方法论、思维框架以及编写与规划 CSS 的看法。 CSS 文档分析 无论编写什么文档,我们都应当维持统一的风格,包括统一的注释、统一的语法与统…

JSmiles 2020-12-18 13:17:14 浏览 881 评论 0 收藏 0

Less 编码规范

该文档主要的设计目标是提高 Less 文档的团队一致性与可维护性,Less 代码的基本规范和原则与 CSS 编码规范 保持一致。 要求 在本文档中,使用的关键字会以中文+括号包含的关键字英文表示:必须(MUST)。关键字"MUST", "MUST NOT", "REQUIRED", "SHALL", "SHALL NOT", "SHOULD", "SHOULD NOT", "RECOMMENDED…

JSmiles 2020-11-24 09:27:52 浏览 920 评论 0 收藏 0

使用 Sass 来写 OOCSS 帮助您组织 / 管理您的 CSS 代码 / 模块

自从 2008 年 Nicole Sullivan 提出 Object-Oriented CSS (OOCSS)以来。它就成为一个领先的模块系统,用来组织你的CSS代码方式之一。 OOCSS不同于其他组织CSS代码方法,比如 SMACSS 或者 BEM 。通过将CSS代码和结构分离让你的模块可重用。事实上,我也通常将SMACSS与OOCSS混为一谈。其实 John W. Long 在 The Sa…

虐人心 2020-10-26 15:38:55 浏览 906 评论 0 收藏 0

CSS 中的预处器语言介绍 Sass/SCSS/Less/OOCSS 元素命名规范

我已经想了很多关于自己编写的 CSS,其当前的状态和这么多年来是如何改变的。 我通常在开始做一个新项目的时候都会使用自己的框架 Motherplate。它使用了Sass和Compass。大部分的类名最初都没有基于任何其他的框架。也不是故意这么做的。 现在,我认识的大多数开发人员都在使用 Bootstrap。如果一个朋友要启动一个新项目,得到一些应用程序上的帮助,我通常会建议他们使用Bootstra…

虐人心 2020-10-22 18:08:19 浏览 1115 评论 0 收藏 1

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());…

JSmiles 2020-10-14 12:49:21 浏览 880 评论 0 收藏 0

grunt-contrib-sass v0.7.3 编译 sass 文件为 css 文件

新手入门 如果你还不了解 grunt,请查阅相关文档来了解什么是 Grunt Grunt 新手入门,它会告诉你怎样去创建一个 gruntfile 以及如何安装和使用 grunt 插件。一旦你熟悉了这个流程,使用下面的命令安装这个插件: npm install --save-dev grunt-contrib-sass 一旦插件安装成功,你可以在你的 Gruntfile 中加入下面的这段代码来激活它…

JSmiles 2020-10-11 11:16:02 浏览 922 评论 0 收藏 0

grunt-contrib-less v0.9.0 编译 less 文件为 css

Getting Started 这个插件要求 Grunt 为 0.4.0 或以上版本。 如果你还不了解 grunt,请查阅相关文档来了解什么是 Grunt Grunt 新手入门,比如如何创建 Gruntfile,如何配置 Grunt 任务,如何安装 Grunt 插件。 安装 less npm install grunt-contrib-less --save-dev 安装好之后,可以在 Grunt…

JSmiles 2020-10-09 11:13:20 浏览 879 评论 0 收藏 0

保持 Sass 的简单 怎么更好使用 Sass

还有两个月时间,我使用 Sass 就有两年时间了。几乎每一天,在工作中,在家里,在项目中,都有人问我,怎么更好使用 Sass。很高兴他们这么相信我,每天能为他们提供帮助,我感到非常高兴。 有些需求是合理的,有些需求是烦死人的。我们可以从任何地方开始。也有些是抽象的。每个人都希望使用 Sass 能变得更简单(其他预处理器也在做这样的事情)。包括我在内,我也一直在这么做。 让我们来优化 那天我被问及到…

J.Smile 2020-09-13 11:57:26 浏览 902 评论 0 收藏 0

CSS 网格 Web 布局完全指南中文版

网页的布局方式千变万化,但是根本的技术就三种,从最开始的 table 布局到现在 div 布局,网页的呈现方式没变,背后的技术却发生很大的变化,这篇文章就来聊聊 CSS 网格 Web 布局完全指南。 原文:https://css-tricks.com/snippets/css/complete-guide-grid/ 术语表 网格布局(Grid):由网格容器和网格项组合而成的现代CSS布局形式。 …

JSmiles 2020-08-04 15:36:26 浏览 966 评论 0 收藏 0

简介

CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。

更多

推荐作者

qq_pH6xKF

文章 0 评论 0

a3576419

文章 0 评论 0

Meets

文章 0 评论 0

许强

文章 0 评论 0

adao3056

文章 0 评论 0