smacss

《CSS 简易速速上手小册》第9章：CSS 最佳实践（2024 最新版）

9.1维护大型项目的CSS9.1.1基础知识9.1.2重点案例：构建一个可复用的UI组件库9.1.3拓展案例1：优化现有项目的CSS结构9.1.4拓展案例2：实现主题切换功能9.2BEM、OOCSS和SMACSS
江帅帅·2024-02-12 13:39

前端工程化之：webpack3-3(BEM)

其他命名方法还有：OOCSS、AMCSS、SMACSS等等。
小李老笨了·2024-02-07 10:58

关于CSS代码组织和管理规范

因此特意来整理了前端开发中部分关于代码组织和管理规范方式：OOCSS、ACSS、BEM、SMACSS一、OOCSSObjectOrientedCSS1.是什么bootstrap就是典型的面向对象css，
mao77_·2024-01-11 14:28

css工程

命名方案：*BEM：导致又臭又长的命名*原子类：元素还是那个的class太多*OOCSS：*SMACSS：预处理：*sass*less*Stylus后处理：*clean-css--压缩CSS*AutoPrefixer
潇潇轻语·2023-10-01 23:12

2.CSS模块化

CSS设计模式：OOCSS面向对象CSS,结构与设计分离，容器与内容分离SMACSS可扩展和模块化结构，减少代码量，简化代码维护主要构成：Base,Layout,Module,State,ThemeAtomicCSS
RZsnail·2023-08-16 01:14

CSS的设计模式

库不妨谈谈CSS的设计模式/架构OOCSSSMACSSBEMCSSMETACSS个人总结不妨谈谈CSS的设计模式/架构接下来将为你简述三个主流的CSS设计思想和一个最近通用的CSS设计思想：OOCSS、SMACSS
大雷鬼田野·2023-02-16 21:30

浅谈OOCSS、SMACSS、BEM三种设计模式与前端架构优化的关系

浅谈OOCSS、SMACSS、BEM三种设计模式与前端架构优化的关系面向对象的OOCSS，是由NicoleSullivan提出的css理论，虽说是理论，实则更像一种程序员约定的规范。.........
weixin_34291004·2023-02-16 21:27

CSS设计模式：OOCSS 和 SMACSS

这篇文章就来说说OOCSS、SMACSS和撰写CSS时应该注意的规范。
iteye_15118·2023-02-16 20:29

简述BEM, OOCSS，AMCSS，SMACSS，SUITCSS，ITCSS

本文介绍的以下几种都是对CSS模块化的各种实现，你可能工作中使用不到，甚至部分有些被淘汰。但是希望你看到这些词的时候不会一脸懵逼！！！BEM本人的上篇文章有详细的介绍：2020年你还没用BEM？这里不再赘述OOCSSObjectOrientedCSS面向对象的CSSOOCSS主要提倡两种规范结构和样式分开（定义一个元素的时候，将本身的结构和对元素外观的样式分开，增强css的复用性）.header{
前端秀儿·2023-02-16 20:11

Vue3 企业级优雅实战 - 组件库框架 - 4 组件库的 CSS 架构

1常见的CSS架构模式常见的CSS架构模式有很多：OOCSS、ACSS、BEM、SMACSS、ITCSS等，其中SMACSS和ITCSS很相似。
·2022-11-30 06:18

前端框架 - css样式 构造方法 oocss / bem / smacss / ...

今天早上坐地铁看公众号文章的时候发现了一篇关于如何写出更优雅、质量高、维护性比较强的css样式。在老早以前我写css样式的时候相当暴力，各种写，行内样式(也叫内联样式)、内部样式、外部引用样式//行内样式写法//内部样式写法,最好包在html标签里面p{line-height:50px;color:red;}//外部样式引用，此处必须包在头部标签head里面才算规范/*此处要注意一下type="t
韩万慧·2021-06-09 16:42

预处理器

不管你选择什么样的缩写方式（BEM，OOCSS，SMACSS，ETC），循环可以帮助保持你的样式更具可读性和可维护性，直接加工到你的代码中。
咕咚咚bells·2021-05-13 21:44

Css设计模式-理论篇之OOCSS、SMACSS与BEM

CSS（CascadingStyleSheet，可译为“层叠样式表”或“级联样式表”）是一组格式设置规则，用于控制Web页面的外观。作为每个前端工程师入门第一门学习的语言来说，它简单易学的特点让许多初学者能够很快通过它来构建出一套富含色彩的网页，并且随着Css3的普遍流行与支持，新的特性无疑让这门简单的样式语言变得越来越强大，简单的写Css并不是一件多难的事情，而要写出一套可维护的Css却是一件相
Simplefatty·2020-07-13 15:45

BEM 和 CSS Modules

例如：BEM、OOCSS、AMCSS、SMACSS。其中使用最为广泛的是BEM。CSS的代码很难复用，
左手121·2020-07-13 09:08

CSS规范(OOCSS SMACSS BEM)

Css规范OOCSSSMACSSBEMOOCSS(ObjectOrientedCSS)面向对象的css主要分成四个部分Template：模板Grids：栅格布局Module：组件Content：内容Template模板主要负责HTML的结构，让HTML更有层次感。可以按功能模块来构建HTML的结构常见的如：人体架构.header.body.footer垂直方向.top.middle.bottom水
weixin_30291791·2020-06-27 15:13

CSS躬行记（10）——CSS方法论

本章会讲解三种CSS方法论：OOCSS、BEM和SMACSS。一、OOCSSOOCSS（Object-Orie
咖啡机（K.F.J）·2020-05-11 06:00

CSS在大型项目中的结构设计

有多CSS的风格指南被创建出来用于指导人们写出可维护的CSS代码，SMACSS,OOCSS,BEM,ITCSS,ACSS,
Bing573·2020-03-31 17:18

《编程狂人》第五十九期，程序员必看的技术周刊

Google公布实现Go1.5自举的计划阿里MySQL团队加入参与WebScaleSQL开发前端开发新JavaScript库的激动人心之处CSS,Sass,SCSS,Compass,Less,BEM,SMACSS
推酷·2020-03-22 14:55

CSS预处理器中的循环

不管你选择什么样的缩写方式（BEM，OOCSS，SMACSS，ETC），循环可以帮助保持你的样式更具可读性和可维护性，直接加工到你的代码中。
咕咚咚bells·2020-03-03 06:27

瞎扯扯OOCSS,ACSS,BEM,SMACSS

最近在看一些CSS的东西，想要提高一下自己在这方面的姿势水平。很久之前就了解到BEM了，当时还是在ifanr工作的网红莎莎大神和我说了这个。突然想到自己似乎也应该深入去了解一下这些东西。于是就看了一些资料，整理一下，且做个记录。我这几年写CSS，核心的想法就是组件化模块化，这样就更好控制也减少改一个小东西整个页面爆炸了的可能性。所以如何去组织CSS也是蛮重要的一部分。ObjectOrientedC
zerob13·2020-03-01 04:49

前端需要掌握的知识

CSS处理器：SassCSS命名规范：SMACSS，ObjectOriented，CSSAtomicDesign，ITCSS，CSSModules，BEM，SUITCSSCSS工具AutoprefixerModernizrAutoprefixer
谭冉冉·2020-02-23 20:24

CSS编写策略之BEM

现有的CSS编写策略有很多，如OOCSS，SMACSS，SUITCSS等等，今天我们要介绍的其中一种——BEM。什么是BEMBEM是Block，Element，Modifier
山雨林深·2019-10-29 17:25

作为一个前端开发者必备的技能

HTML（代码整洁，语义化标签）.css(模块化，可伸缩）CSS方法（BEM,SMACSS,OOCSS)CSS预处理器（SCSS，LESS,PostCSS)现代css（FlexBox，Grid)JS现代
奔跑的太阳花·2019-02-01 08:00

浅谈css设计模式(OOCSS、SMACSS、Meta CSS、BEM)

使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性2.可以理解为：代码的可读性，可维护性，可拓展性3.css预处理器Less、Sass4.目前比较流行的css设计模式有：OOCSS、SMACSS
马小帅mm·2018-11-20 18:33

前端架构

Javascript:Angular,ReactJs,VueJsCSS:SMACSS,OOCSS,BEMHtml:无可以看到，CSS和Html都不太受重视，有关CSS架构的文章都不太引起大家的兴趣。
予沁安·2018-05-07 13:29

CSS架构（命名组织方式）札记

css组织命名方式(CSS架构)主要有OOCSS,BEM,SMACSS,MVCSS等。关于cssframework，请参考演讲稿。前两者侧重于命名方式，后两者侧重于组织方式。
thisiswoa·2018-02-05 11:03

CSS代码风格小贴士

header--dark层级控制在4级内，最好不超过3级，如header__title__icon嵌套元素过多时，可直接在内部抽象出另一层组件，减少层级实例：标题标题副标题标题其它可选规则：rscss、SMACSS
厦门前端阿梦·2018-01-31 17:44

编写模块化CSS：BEM

因为专家们的纷纷加入，于是我们有BEM，OOCSS，SMACSS，AtomicDesign等许多选择。现在，问题不是痛苦“我不知道该怎么办”，而是“有这么多方法，我应该尝试哪个？
Haytham_Chou·2018-01-08 14:04

CSS 代码组织和管理规范BEM，OOCSS，SMACSS，ACSS

本文主要讨论的是大型项目中CSS代码的组织方式。首先介绍的是前端项目开发方法学BEM。BEMBEM是一种前端项目开发的方法学，由Yandex公司提出。BEM的名称来源于该方法学的三个组成部分的英文首字母，分别是块（Block）、元素（Element）和修饰符（Modifier）。这三个不同的组成部分称为BEM实体。块块即是通常所说的Web应用开发中的组件或模块。每个块在逻辑上和功能上都是相互独立的
swpu_lwf·2017-09-11 09:45

前端技能树

作为一个前端开发者，我认为我们应当具备如下技能树：HTML（整洁代码，语义化标签）CSS（模块化，可伸缩）CSS方法（BEM、SMACSS、OOCSS）CSS预处理器（less、scss、postcss
Bin_Going·2017-08-05 09:26

使用Sass来编写面向对象的CSS代码

OOCSS不同于其他组织CSS代码方法，比如SMACSS或者BEM。通过将CSS代码和结构分离让你的模块可重用。事实上，我也通常将SMACSS与OOCSS混为一谈。
江小湖Laker·2015-07-22 15:01

使用Sass来写OOCSS

OOCSS不同于其他组织CSS代码方法，比如SMACSS或者BEM。通过将CSS代码和结构分离让你的模块可重用。事实上，我也通常将SMACSS与OOCSS混为一谈。
江小湖Laker·2014-12-22 00:00

CSS设计模式：OOCSS 和 SMACSS

这篇文章就来说说 OOCSS、SMACSS 和撰写 CSS 时应该注意的规范。
liuguofeng·2014-11-01 14:00

（OOCSS\DRY\SMACSS）

我现在面对的CSS基本上就是一个三头六臂的怪物，一点不夸张，因为真的是三头六臂，同一个样式在同一个element上作用了好几遍，而同一个样式又分散在4，5个class上，优先级有很多层。可以看得出这个怪物不是一个人造就的，早期的开发者选择了SCSS技术，但混乱的import导致了一些基本的样式被多次调用，而后面的开发者又为了摆脱之前的混乱引入了其他共用样式，但无济于事。原因出在HTML上，CSS依
qianqianyixiao1·2014-10-30 12:00

CSS设计模式：OOCSS 和 SMACSS

这篇文章就来说说OOCSS、SMACSS和撰写CSS时应该注意的规范。
weakish·2014-01-17 00:00
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他