国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

scss的基本用法

Yi_Zhi_Yu / 1045人閱讀

摘要:一定義變量定義變量基本用法變量作為字符串拼接二簡單的計算加減乘除三選擇器嵌套四繼承樣式五使用,強大之處在于可以傳遞參數不傳參傳參初始化默認值六導入外部七高級用法,循環語句和自定義函數的使用自定義函數

一、定義變量

二、簡單的計算 加減乘除

三、選擇器嵌套


        

四、繼承樣式 @extend

五、@mixin @include 使用,強大之處在于可以傳遞參數

六、導入外部scss、css @import

七、高級用法,循環語句和自定義函數的使用

@for $i from 1 to 10 {
  // .myLi1 .myLi2 .myLi3 ...... .myLi10
  .myLi#{$i} {
    border: #{$i}px solid #468dcc;
  }
}

// 自定義函數
@function myScssFun($p) {
  @if $p > 10 {
      @return $p;
  } @else {
      @return $p * 2;
  }
}
div {
    font-size: myScssFun(10px);
}

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/116270.html

相關文章

  • SASS詳解

    摘要:以前看到之類的工具覺得應該比較難,今天接觸了之后發現挺好用的,主要是方便了的編寫。具體可以看慕課網教程編譯方法在命令行輸入編譯單個文件編譯整個文件夾到文件夾也就是這樣的語法下文中我都這樣寫。這里貼一張慕課網拿到的表格。 以前看到SASS之類的工具覺得應該比較難,今天接觸了之后發現挺好用的,主要是方便了CSS的編寫。在編寫比較大的項目的時候,由于內容很多,因此樣式表也會比較繁雜,如果要修...

    余學文 評論0 收藏0
  • SCSS學習筆記(一)

    摘要:的由來就是加強版的,要講那就一定要從講起英文全稱是一個最初由設計并由開發的層疊樣式表語言。年發行,年版本穩定,設計和開發分開進行,讓這個語言的功能相當完善。變量允許使用變量,所有變量以開頭。 SCSS的由來 SCSS就是加強版的CSS,要講SCSS那就一定要從SASS講起 SASS Sass(英文全稱:Syntactically Awesome Stylesheets)是一個最初由Ha...

    simpleapples 評論0 收藏0
  • SASS學習記錄

    摘要:前言很久沒有用文章記錄自己的學習歷程了,主要是因為實在寫的不行,相比大牛寫的博客,我這只能算是東拼西湊或者說是讀書筆記。以前我只使用外部,現在的更加好用,所以在學習過程中記了一些筆記。在后面加一個感嘆號,表示這是重要注釋。 前言 很久沒有用文章記錄自己的學習歷程了,主要是因為實在寫的不行,相比大牛寫的博客,我這只能算是東拼西湊或者說是讀書筆記。但是今天還是拾起筆來了,雖然沒什么干貨,但...

    tylin 評論0 收藏0
  • SASS學習記錄

    摘要:前言很久沒有用文章記錄自己的學習歷程了,主要是因為實在寫的不行,相比大牛寫的博客,我這只能算是東拼西湊或者說是讀書筆記。以前我只使用外部,現在的更加好用,所以在學習過程中記了一些筆記。在后面加一個感嘆號,表示這是重要注釋。 前言 很久沒有用文章記錄自己的學習歷程了,主要是因為實在寫的不行,相比大牛寫的博客,我這只能算是東拼西湊或者說是讀書筆記。但是今天還是拾起筆來了,雖然沒什么干貨,但...

    HollisChuang 評論0 收藏0
  • SCSS 日常用法

    摘要:生成相互嵌入這個是最常用的,通過定義一個類或方法,在其它地方通過引用這個方法或類。生成注意事項不能繼承這種連續組合的類,應該寫為常用方法詳見不知道別人,反正我最常用的就是顏色方法了。 SCSS 日常用法 本文是以自己的理解起的結構,要看詳細的幫助文檔,參閱這里:https://sass-lang.com/documen... 你需要了解的 less 和 sass 是兩種 css 預編...

    Lyux 評論0 收藏0

發表評論

0條評論

Yi_Zhi_Yu

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<