真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

sass與scss之間有什么差異-創(chuàng)新互聯(lián)

這篇文章主要介紹sass與scss之間有什么差異,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!

在平樂(lè)等地區(qū),都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局,加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力,以專注、極致的服務(wù)理念,為客戶提供網(wǎng)站建設(shè)、成都網(wǎng)站制作 網(wǎng)站設(shè)計(jì)制作按需網(wǎng)站設(shè)計(jì),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站設(shè)計(jì),成都全網(wǎng)營(yíng)銷推廣,成都外貿(mào)網(wǎng)站建設(shè)公司,平樂(lè)網(wǎng)站建設(shè)費(fèi)用合理。

sass和scss是CSS預(yù)處理器Sass提供的兩種不同的語(yǔ)法,兩者相似并且都做同樣的事情,但是以不同的風(fēng)格書寫。SCSS是最新的,被認(rèn)為比Sass更好。

sass與scss之間有什么差異

下面我們先來(lái)了解一下CSS預(yù)處理器Sass提供的兩種不同的語(yǔ)法sass和scss的相關(guān)知識(shí)。

sass,也稱為縮進(jìn)語(yǔ)法,類似于Ruby的編程語(yǔ)言。

它是來(lái)自另一個(gè)名為Haml的預(yù)處理器,受Haml的簡(jiǎn)潔啟發(fā),是由Ruby開(kāi)發(fā)人員設(shè)計(jì)和編寫的,因此,Sass樣式表使用類似Ruby的語(yǔ)法。沒(méi)

sass適用于那些喜歡與CSS相似的簡(jiǎn)潔性的人。它使用行的縮進(jìn)來(lái)指定塊,而不是括號(hào)和分號(hào),因此有括號(hào),沒(méi)有分號(hào)和嚴(yán)格的縮進(jìn)。sass語(yǔ)法中的文件使用擴(kuò)展名.sass。

例:

// Variable
!primary-color= hotpink

// Mixin
=border-radius(!radius)
  -webkit-border-radius= !radius
  -moz-border-radius= !radius
  border-radius= !radius.my-element
  color= !primary-color
  width= 100%
  overflow= hidden.my-other-element
  +border-radius(5px)

正如我們所看到的,與常規(guī)CSS相比,這是一個(gè)相當(dāng)大的變化!變量標(biāo)志是“!”不“$”,分配符號(hào)“=”,而不是“:”,這樣有點(diǎn)奇怪!

但這是Sass在2010年5月3.0版到來(lái)之前的樣子,之后Sassy CSS引入了一種名為scss的全新語(yǔ)法。這種語(yǔ)法旨在通過(guò)引入CSS友好語(yǔ)法來(lái)縮小Sass和CSS之間的差距。

sass與scss之間有什么差異

scss,類似與CSS的語(yǔ)法,完全符合CSS標(biāo)準(zhǔn),

// Variable
$primary-color: hotpink;

// Mixin
@mixin border-radius($radius) {
  -webkit-border-radius: $radius;
  -moz-border-radius: $radius;
  border-radius: $radius;
}
.my-element {
  color: $primary-color;
  width: 100%;
  overflow: hidden;
}
.my-other-element {
  @include border-radius(5px);
}

scss絕對(duì)比sass更接近CSS。

scss和sass之間的區(qū)別

sass與scss之間有什么差異

sass語(yǔ)法類似于rubby,它沒(méi)有括號(hào)的用法,沒(méi)有嚴(yán)格的縮進(jìn),沒(méi)有分號(hào);變量符號(hào)是“!”而不是“$”,賦值符號(hào)是“=”而不是“:”。

less語(yǔ)法類似于CSS,需要使用大括號(hào),使用分號(hào);變量符號(hào)是“$”,賦值符號(hào)是“:”。

以上是sass與scss之間有什么差異的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道!


本文題目:sass與scss之間有什么差異-創(chuàng)新互聯(lián)
URL地址:http://weahome.cn/article/jogco.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部