css书写规范

  • 属性的书写顺要有一定的规律。
    1. Display & Flow
    2. Positioning
    3. Dimensions
    4. Margins, Padding, Borders, Outline
    5. Typographic Styles
    6. Backgrounds
    7. Opacity, Cursors, Generated Content
 从上到下的书写顺序示例：
 
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
.foobar {
   display: ;
   visibility: ;
   float: ;
   clear: ;
 
   position: ;
   top: ;
   right: ;
   bottom: ;
   left: ;
   z-index: ;
 
   width: ;
   min-width: ;
   max-width: ;
   height: ;
   min-height: ;
   max-height: ;
   overflow: ;
 
   margin: ;
   margin-top: ;
   margin-right: ;
   margin-bottom: ;
   margin-left: ;
 
   padding: ;
   padding-top: ;
   padding-right: ;
   padding-bottom: ;
   padding-left: ;
 
   border: ;
   border-top: ;
   border-right: ;
   border-bottom: ;
   border-left: ;
 
   border-width: ;
   border-top-width: ;
   border-right-width: ;
   border-bottom-width: ;
   border-left-width: ;
 
   border-style: ;
   border-top-style: ;
   border-right-style: ;
   border-bottom-style: ;
   border-left-style: ;
 
   border-color: ;
   border-top-color: ;
   border-right-color: ;
   border-bottom-color: ;
   border-left-color: ;
 
   outline: ;
 
   list-style: ;
 
   table-layout: ;
   caption-side: ;
   border-collapse: ;
   border-spacing: ;
   empty-cells: ;
 
   font: ;
   font-family: ;
   font-size: ;
   line-height: ;
   font-weight: ;
   text-align: ;
   text-indent: ;
   text-transform: ;
   text-decoration: ;
   letter-spacing: ;
   word-spacing: ;
   white-space: ;
   vertical-align: ;
   color: ;
 
   background: ;
   background-color: ;
   background-image: ;
   background-repeat: ;
   background-position: ;
 
   opacity: ;
 
   cursor: ;
 
   content: ;
 
   quotes: ;
 
 }

　　

posted @   xing.org1^  阅读(118)  评论(0)  编辑  收藏  举报
编辑推荐：
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
阅读排行：
· 周边上新：园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源！
· 分享 3 个 .NET 开源的文件压缩处理库，助力快速实现文件压缩解压功能！
· Ollama——大语言模型本地部署的极速利器
· DeepSeek如何颠覆传统软件测试？测试工程师会被淘汰吗？
点击右上角即可分享
微信分享提示
SQL AI 助手