css书写规范

最新推荐文章于 2025-08-05 17:20:40 发布

weixin_34050389

最新推荐文章于 2025-08-05 17:20:40 发布

阅读量57

点赞数

CC 4.0 BY-SA版权

文章标签： python

原文链接：https://my.oschina.net/u/1249401/blog/760146

本文介绍了CSS书写规范的重要性和具体实践，包括属性的书写顺序、属性缩写方式、小数点的使用规范等内容，有助于提高CSS代码的可读性和维护性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

介绍css的书很多文章也很多，但是很少有提及css的书写规范，一个好的规范，不但可以指导我们的思路还具备良好的语意。

书写顺序

位置属性(position,display, float, top, right, z-index等)
大小(width, height,padding, margin等)
文字系列(font, line-height, color, letter-spacing等)
背景(background, border等)
其他(animation, transition等)

其他

属性缩写(padding, border等)
小数点舍去0(.5em)
选择器简写，中横线代替下划线

转载于:https://my.oschina.net/u/1249401/blog/760146

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34050389

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

CSS 样式书写规范,css样式书写规范

weixin_42535703的博客

08-04

5110

在工作当中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-23

以下是一些关键的CSS书写规范： 1. **属性顺序**：当编写CSS时，推荐按照特定的顺序排列属性，例如： - 位置属性（position, top, right, bottom, z-index, display, float） - 大小属性（width, height, ...

参与评论您还未登录，请先登录后发表或查看评论

css 书写规范

忘川

08-24

858

1、书写顺序根据属性的重要性按顺序书写只遵循横向顺序即可，先显示定位布局类属性，后盒模型等自身属性，最后是文本类及修饰类属性。 →→→ 显示属性自身属性文本属性和其他修饰 display width font visibility height text-align position mar...

CSS书写规范、顺序和命名规则

2501_90228988的博客

01-16

284

浏览器兼容问题（比如使用_tips的选择器命名，在IE6是无效的）能良好区分JavaScript变量命名（JS变量命名是用“_”）id在JS是唯一的，不能多次使用，而使用class类选择器却可以重复使用，另外id的优先级优先与class，所以id应该按需使用，而不能滥用。CSS有些属性是可以缩写的，比如padding,margin,font等等，这样精简代码同时又能提高用户的阅读体验。有时候可以给选择器添加一个表示状态的前缀，让语义更明了，比如下图是添加了“.is-”前缀。容器: container。

CSS 样式书写规范

2403_88477236的博客

05-17

915

可能不同团队都有各自的规范，又或者很多人在写 CSS 的时候还是想到什么就写什么，不存在太多的约束。我觉得 CSS 代码规范还是有存在的必要的，尤其是在团队配合，多人协作下，规范就显得尤为重要。本文的所列是实践当中得出的一套比较不错的 CSS 书写规范，并不希望大家完全采用，而是希望可以结合自己的团队需要，发展出一套适合自己的 CSS 代码规范。也希望可以有更多的建议，共同的完善。本规范也可以在我的上看到，欢迎留言或者提 PR。

CSS基础： CSS 书写规范

imagine_tion的博客

03-15

799

CSS 书写顺序位置属性（position，top，right，z-index，display，float等）大小（width，height，padding，margin）文字系列（font，line-height，letter-spacing，color-text-align等）背景（background，border等）文本属性（text-align，vertical-align，text-wrap 等）其他（animation，transition等）目的：减少浏览器 refl.

css的标准写法,前端css书写规范

weixin_39588209的博客

08-04

3153

代码书写规范这种东西虽然不是必须的但是确实很有必要的好的书写规范不单单能增加可阅读性和提高代码性能而且有利于后续人员维护代码。良好的书写规范也是区分新手与专业人员的一个标准。一css书写顺序1、位置属性position、top、right、z-index、display、float等2、大小width、height、padding、margin3、文字系列font、line-height、lett...

CSS 书写顺序以及规范

weixin_45395283的博客

05-24

310

2、尺寸：其中属性为：width height min-height max-height min-width max-width。3、文字：其中属性有：color font-size letter-spacing, color- text-align等。1、定位：其中有的属性为：position z-index left right top bottom clip。4、背景：其中属性有：background-image border等。5、其他：一般有：animation, transition等。

CSS书写规范注意细则

liu2573917336的博客

10-21

200

css 书写规范注意细则（一） 1.协作开发及分工：Me（前端负责人，主开发人员，以下简称Me）会根据各个模块，同时根据页面相似程序，事先写好大体框架文件，分配给前段人员实现内部结构表现行为；共用css文件base.CSS由Me书写，协作开发过程中每个页面请务必都要引入，此文件包含Reset及头部底部样式，此文件不可随意修改； 2.class与id的使用：id是唯一的并是父级的，class是...

OA-1-网页前端CSS书写规范.zip_css_peopledyh

09-23

一个良好的CSS书写规范能够提高代码的可读性，便于团队协作，减少错误，并使得维护工作变得更加轻松。本资料"OA-1-网页前端CSS书写规范.zip"包含了对CSS编写规范的详细指南，特别是由peopledyh推荐的实践建议。 ...

RAGFlow Agent 知识检索节点源码解析：从粗排到精排的完整流程

澄南澄北的博客

08-01

937

文本检索：基于关键词匹配，擅长精确匹配和术语查找向量检索：基于语义相似度，擅长理解查询意图和同义词匹配Embedding 检索方法通过分别编码 Query 和 Chunk 得到向量，并用余弦相似度评估相关性。优点是可以提前计算Chunk的向量并存储，检索效率高、可大规模向量召回，适合在粗排阶段使用。但这种独立编码方式无法建模两者之间的语义交互。而 Rerank 模型会将 Query 和 Chunk 作为一个成对的输入，同时送入模型进行处理。

使用yolo11训练饮料瓶盖缺陷检测质量检测数据集VOC+YOLO格式1432张5类别步骤和流程

FL1623863129的博客

08-03

743

训练完成后，最佳权重保存路径为：runs/detect/train/weights/best.pt，如果多次运行命令runs/detect/train2,runs/detect/train3文件夹生成只需要到数字最大文件夹查看就可以找到模型。经过上面训练可以使用模型做一步部署，比如使用onnx模型在嵌入式部署，使用engine模型在jetson上deepstream部署，使用torchscript模型可以在C++上部署等等。通过比较不同模型在这些指标上的表现，可以判断哪个模型在实际应用中可能更有效。

numpy广播

2402_89746772的博客

08-01

493

展平数组并返回拷贝（修改不影响原数组）。展平数组并返回视图（修改会影响原数组）。将数组广播到指定形状（返回只读视图）。数组元素迭代器，用于遍历所有元素。不改变数据，仅修改数组形状。对换数组维度（矩阵转置）。删除数组中的一维条目。滚动指定轴到新位置。

ORACLE复杂查询

ZZH1120KQ的博客

08-04

1393

在Oracle数据库中，逻辑判断和条件判断是两个密切相关但又不完全相同的概念。逻辑判断主要关注的是根据逻辑运算符（如AND、OR、NOT）对条件表达式的结果进行逻辑运算，从而得出最终的布尔值（true或false）。条件判断则更侧重于根据给定的条件或表达式来判断某个操作是否应该执行，或者应该执行哪个分支的操作。

【笔记】ROS1｜5 ARP攻击Turtlebot3汉堡Burger并解析移动报文【旧文转载】

shandianchengzi的博客

08-04

1047

本文介绍了如何使用ARP攻击技术干扰Turtlebot3汉堡机器人的ROS通信。作者首先讲解了ARP协议的基本原理和攻击依据，然后通过实验演示了如何利用arpspoof工具实施ARP欺骗攻击，包括干扰普通主机上网和小车与控制机的通信。文章提供了详细的实验步骤和思考题，并建议读者在虚拟机环境下进行实践。实验结果显示，通过持续发送虚假ARP响应包可以成功劫持网络通信，开启IP转发后虽能恢复但会降低网速。最后作者还演示了如何解析被攻击机器人的移动控制报文。

JumpServer 堡垒机全流程搭建指南及常见问题解决方案