回覆列表
  • 1 # 變餅檔

      基本語法區別:

      在使用 CSS 預處理器之前最重要的是理解語法,幸運的是基本上大多數預處理器的語法跟 CSS 都差不多。

      首先 Sass 和 Less 都使用的是標準的 CSS 語法,因此如果可以很方便的將已有的 CSS 程式碼轉為預處理器程式碼,預設 Sass 使用 .sass 副檔名,而 Less 使用 .less 副檔名。

      /* style.scss or style.less */h1 {color: #0982C1;}12341234

      這是一個再普通不過的,不過 Sass 同時也支援老的語法,就是不包含花括號和分號的方式:

      /* style.sass */h1color: #0982c1123123

      而 Stylus 支援的語法要更多樣性一點,它預設使用 .styl 的副檔名,下面是 Stylus 支援的語法:

      /* style.styl */h1 {color: #0982C1;}/* omit brackets */h1color: #0982C1;/* omit colons and semi-colons */h1color #0982C1123456789101112123456789101112

      可以在同一個樣式單中使用不同的變數,例如下面的寫法也不會報錯:

      h1 {color #0982c1}h2font-size: 1.2em1234512345

  • 2 # 思夢PHP

    CSS 預處理器是一種語言用來為 CSS 增加一些程式設計的的特性,無需考慮瀏覽器的相容性問題,例如你可以在 CSS 中使用變數、簡單的程式邏輯、函式等等在程式語言中的一些基本技巧,可以讓CSS 更見簡潔,適應性更強,程式碼更直觀等諸多好處。

  • 中秋節和大豐收的關聯?
  • 寒時節什麼時候?