国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

GitHub倡導的CSS編寫風格及文件目錄部署指南

2024-07-11 08:33:06
字體:
供稿:網(wǎng)友

這個CSS風格指南是在GitHub內(nèi)部用于應用程序的指南。我們鼓勵您建立一個適合你自己團隊的風格指南。在你閱讀這個之前,你需要大致了解SCSS語法和KSS文檔。雖然我們通過KSS文檔把風格移植到了SCSS上,但請務(wù)必立刻升級整個元素的CSS。不要混合少量SCSS和無格式的CSS。

編碼風格:

1.用兩個空格的“soft-tabs”來縮進
2.在屬性聲明的“:”后加上空格
3.在規(guī)則聲明后的“{”前加上空格
4.使用十六進制顏色代碼#000,如果不使用RGBA
5.使用//來做注釋塊(而不是/**/)
6.文檔風格與KSS相同
7.這里有個好的語法示例:

CSS Code復制內(nèi)容到剪貼板
  1. // This is a good example!    .styleguide-format {   
  2.   border: 1px solid #0f0;      color: #000;   
  3.   background: rgba(0,0,0,0.5);    }  

SCSS 風格:

任何會在多個文件中使用的$variable 或者 @mixin應該放在globals/下。其他的應該放在使用它的文件的頂部。
作為一個經(jīng)驗法則,不要使用超過3層的嵌套。如果你發(fā)現(xiàn)你將要使用超過三層,想想重新組織你的規(guī)則。
文件組織:

一般來說,CSS文件組織應該想下面這樣:

styles
├── components
│   ├── comments.scss
│   └── listings.scss
├── globals
│   ├── browser_helpers.scss
│   ├── responsive_helpers.scss
│   ├── variables.scss
├── plugins
│   ├── jquery.fancybox-1.3.4.css
│   └── reset.scss
├── sections
│   ├── issues.scss
│   ├── profile.scss
└── shared
    ├── forms.scss
    └── markdown.scss
使用Spockets來獲取文件。但是,你應該明確地導入任何在特定的SCSS文件中不會產(chǎn)生樣式(globals/)的SCSS。下面是個好的例子:

CSS Code復制內(nèi)容到剪貼板
  1. //= require_tree ./plugins    //= require my_awesome_styles   
  2.      @import "../globals/basic";   
  3.      .rule { ... }  


Pixels vs. Ems:
在font-size上使用px,因為它提供了在文字上的絕對控制。此外,更傾向于使用無單位的line-height,因為它不會繼承父元素的百分比值,而是基于字體大小的倍數(shù)。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 吉安市| 新乡市| 洪江市| 四川省| 泰兴市| 平湖市| 常山县| 鹰潭市| 白水县| 德州市| 铜川市| 承德县| 柳州市| 永顺县| 象山县| 沅江市| 莱芜市| 启东市| 晋宁县| 巴彦县| 策勒县| 禹州市| 和龙市| 呼玛县| 香河县| 璧山县| 南陵县| 聊城市| 大新县| 南汇区| 墨竹工卡县| 天台县| 喀喇沁旗| 临沂市| 开阳县| 老河口市| 准格尔旗| 兰坪| 绍兴县| 西丰县| 和静县|