css书写规范 优化 模块化

最新推荐文章于 2023-02-22 11:04:24 发布
最新推荐文章于 2023-02-22 11:04:24 发布
阅读量347 收藏
点赞数
分类专栏： web前端规范
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xtaydwxf1988/article/details/37817749
版权

css命名规范

使用骆峰式写法或者中划线

如 numBox或者num-box


样式优化

站点里有 a.css b.css c.css d.css

首页只用到a.css c.css就将建一个home.css引入 @improt 'a.css' @import 'b.css';进行生成home.css并进行压缩

每个页面使用到的小图片尽量分割出来做。home.bg

图片尽量使用css sprite 然后进行压缩

EdenZhang1225
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS 样式书写规范,css样式书写规范
weixin_42535703的博客
08-04 4872
在工作当中css样式是非常重要的，但是咋样书写css样式更重要。一、css书写规范1、定位属性：position display float left top right bottom overflow clear z-index2、自身属性：width height padding border margin background3、文字样式：font-fami...
CSS代码书写规范
流楚丶格念的博客
06-01 3048
http://www.divcss5.com/rumen/r50787.shtml https://www.cnblogs.com/oc-bowen/p/6441794.html
骆峰式命名法
ythook的专栏
03-14 829
骆峰式命名法（Camel-Case）是电脑程式编写时的一套命名规则（惯例）。 骆峰式命名法就是当变量名或函式名是由一个或多个单字连结在一起，而构成的唯一识别字时，第一个单词以小写字母开始；第二个单词的首字母大写或每一个单词的首字母都采用大写字母。 如：myFirstName、myLastName 这样的变量名看上去就像骆驼峰一样此起彼伏，故得名。小驼峰法 变量一般用小驼峰法标识。驼峰法的意思
web开发中怎么样使css书写规范?
09-25
以下是一些核心的CSS书写规范： 1. **外部引用CSS样式表**： 为了优化网页加载速度，应尽量将CSS样式放在外部文件中，而不是内联或在HTML头部使用`<style>`标签。这样可以实现样式和结构的分离，提高页面加载效率...
分享CSS书写规范、顺序【推荐大家使用】
09-24
5. 嵌套与模块化：使用预处理器如Sass或Less进行CSS的嵌套和模块化编写，可以提高代码组织和复用性。 6. 遵循一致的命名约定：无论是BEM（Block Element Modifier）还是其他命名方法，保持一致的命名规则可以增加...
OA-1-网页前端CSS书写规范.zip_css_peopledyh
09-23
一个良好的CSS书写规范能够提高代码的可读性，便于团队协作，减少错误，并使得维护工作变得更加轻松。本资料"OA-1-网页前端CSS书写规范.zip"包含了对CSS编写规范的详细指南，特别是由peopledyh推荐的实践建议。 ...
书写CSS的5个小技巧让你的样式更规范
09-22
使用注释将CSS代码分组，创建清晰的模块化结构。例如，可以为重置样式和布局分别创建注释区块，这有助于理解和维护代码： ```css /***** Reset *****/ xxxxxxx{www.sytm.net} xxxxx{xxxxx} /***** Layouts **...
CSS 书写有怎样的功能
09-27
总的来说，CSS书写规范的目的是提高代码的可读性和可维护性，无论选择哪种书写方式，都应注重代码的清晰度和一致性，以便在团队协作中实现高效的工作流程。在实践中，根据项目需求和团队习惯，选择最适合的书写方式...
前端项目开发流程
热门推荐
xtaydwxf1988的专栏
07-13 3万+
当前分为以下四个阶段 第一阶段 库/框架选型（暂定react） 第二阶段 简单构建优化 NPM管理包 node+webpack打包 第三阶段 JS、CSS模块化开发 第四阶段 组件化开发   开发过程当中注意：前端安全XSS CSRF攻击等 后期文章中将讲述如何
样式书写顺序，html属性书写顺序
xtaydwxf1988的专栏
06-04 1124
PositioningBox modelTypographicVisual  1
语义化标签应注意的一些问题
xtaydwxf1988的专栏
06-06 440
一个语义良好的页面，H标签应该是完整有序的没有断层的 h1、h2、h3、h4、h5、h6
微信小程序js报错分析
xtaydwxf1988的专栏
02-22 303
微信小程序 app-service
ant-design-vue-1.1.10-beta.zip
08-26
基于 Ant Design 和 Vue 的企业级 UI 组件库
基于flask实现的社交博客项目--《FlaskWeb开发》.zip
最新发布
08-26
基于flask实现的社交博客项目--《FlaskWeb开发》.zip
校园二手交易平台小程序源码 （优秀毕业设计源码）
08-26
1. 校园二手交易平台小程序代码说明：经导师指导并认可通过的98分毕设项目代码。 2.适用对象：本代码学习资料适用于计算机、电子信息工程、数学等专业正在做毕设的学生，需要项目实战练习的学习者，也适用于课程设计、期末大作业。 3.技术栈：java，项目代码都经过严格调试，代码没有任何bug！ 4. 作者介绍：大厂码农，java领域创作者，阿里云开发社区乘风者计划专家博主，专注于大学生项目实战开发，文章底部有博主联系方式，更多优质系统、项目定制请私信。 5. 最新计算机软件毕业设计选题大全: https://blog.csdn.net/weixin_45630258/article/details/135901374
ant-design-vue-3.1.0.zip
08-26
基于 Ant Design 和 Vue 的企业级 UI 组件库
399、基于单片机protues仿真的多功能计步器设计（仿真图、源代码、讲解视频）
08-26
399、基于单片机protues仿真的多功能计步器设计（仿真图、源代码、讲解视频） 计步器功能的实验测试： 采用USB电源线连接移动电源给系统进行供电。首先打开电源开关，系统初始化后，将开始进行计步。在液晶显示屏上输入用户的身高体重，然后佩戴计步器步行，开始测试行走步数、速度以及消耗卡路里。计步器实物图及介绍如下， 按键从左到右依次是： ⑴设置键：按下按键进入设置身高体重页面； ⑵加值键：设置时，按下该按键对应参数+1 ； ⑶ 减值键：设置时，按下该按键对应参数-1 ； ⑷ 复位键：按下该按键单片机复位。 实际测试效果如下： (1)实物联电后打开开关的初始状态如图5-3所示。“V”代表当前瞬时速度，“B”代表当前行走步数，代表当前行走里程，代表当前行走所消耗的卡路里。 (2)按下按键1设置键设置身高170cm ，再按下按键1设置体重48kg ,设置好后再按一下退出。 ⑶ 检测运动后的实验图如图5-6所示，传感器采集到的运动加速度，显示步数为，总里程为，瞬时速度为，消耗的卡路里为。瞬时速度在停下运动后，逐渐降为0。其他示数不变。 ⑷ 按下右侧复位键后的实验图如图5-7所示，行走步
提升CSS编写技巧：命名规范与模块化管理
2. **模块化CSS管理**：通过模块化的思想组织CSS，可以减少代码冗余，提高复用性。可以使用CSS预处理器（如Sass、Less）或CSS-in-JS库（如styled-components），将样式分解为独立的模块，便于管理和组合。 3. **...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值