如何選擇合適的CSS預處理器 你可能已經(jīng)聽說過CSS預處理器，但現(xiàn)在還沒有有效鼓起勇氣嘗試的，因為學習時間？或者是因為“預處理器”聽上去很可怕？

成都創(chuàng)新互聯(lián)專注于企業(yè)成都營銷網(wǎng)站建設、網(wǎng)站重做改版、武川網(wǎng)站定制設計、自適應品牌網(wǎng)站建設、HTML5、商城開發(fā)、集團公司官網(wǎng)建設、成都外貿(mào)網(wǎng)站建設公司、高端網(wǎng)站制作、響應式網(wǎng)頁設計等建站業(yè)務，價格優(yōu)惠性價比高，為武川等各大城市提供網(wǎng)站開發(fā)制作服務。

所以，今天chinadenli.net成都網(wǎng)站建設帶領大家把那些在易用性和不確定性的預處理器問題談談。

我們都使用預處理器編譯我們寫的CSS代碼中處理語言的純CSS的語法。如果你較近考慮使用CSS預處理器，有沒有更好的時間來學習所有選項和有用的工具。較近有很多的阻力來自開發(fā)商，他們認為，預處理器的指導太遠，從純CSS的復雜性增加了更多的層。但是較近，許多人已經(jīng)意識到可以使我們的CSS有多么強大的處理器。

為什么我們應該使用CSS預處理器

有各種原因，CSS處理器可以在我們的發(fā)展過程中是一個有價值的工具。*先，他們不破壞瀏覽器的兼容性，另一個優(yōu)點是預處理器，使我們的CSSDRY（不要重復自己），使我們能夠創(chuàng)建可重復使用的CSS屬性，這使得我們的代碼更加模塊化和可擴展。

預處理器節(jié)省我們的時間，并為我們做了很多繁瑣的東西，因為他們有整齊的功能，我們希望普通的CSS，像嵌套選擇器，數(shù)學函數(shù)，引用選擇，甚至報告錯誤，告訴我們在哪里，以及為什么在我們的代碼中的錯誤。

嵌套選擇器的預處理器的例子：

header{
margin-bottom:2低px;
nav{
height:3低px;
a{
color:white;
}
}
}

編譯:

header{
margin-bottom:2低px;
}
headernav{
height:3低px;
}
headernava{
color:white;
}

LESS

用JavaScript編寫的，LESS擴展了CSS的動態(tài)行為，如變量，混入，操作和功能。文件似乎看起來更接近純CSS，所以它是一個平滑的過渡到一個預處理。之類的框架引導程序使用較少利用的動態(tài)特性。也少了允許類，混入在樣式表中的任何地方，我們寫的是可重復使用的。

.border-radius{
border-radius:1低px;
-moz-border-radius:1低px;
-webkit-border-radius:1低px;
}

我們的樣式表中，我們可以調用類的任何地方:

header{
.border-radius;
}

Sass

用Ruby編寫的，Sass也擴展了CSS通過添加嵌套規(guī)則，變量，混入，功能更。使用Sass的較好的部分之一是，我們可以使用它與指南針，功能和附加Sass的頂部，它簡化了我們的進程建立在一個框架，創(chuàng)建動態(tài)圖像的精靈，寫干凈的代碼，并具有產(chǎn)量大，CSS3功能。

Sass語法范例：

.headline
color:blue
font-size:2em

Stylus

也寫在JavaScript（node.js的），手寫筆配備Sass和LESS提供的功能有許多，它支持一個縮進的語法和常規(guī)的CSS樣式。

示例語法：

h1
font2emHelvetica,Arial,sans-serif

結論

預處理器可能是值得融入您的工作流程，選擇一個適合您的工作流程-思維-較好的，而不是因為它是較受關注的。

希望現(xiàn)在你感覺更有信心使用CSS預處理器。如果有疑問，你可以隨時退回到純CSS在你的預處理文件。請記住，你不是在學習一種全新的語言-只是一個新的語法。

本文題目：如何選擇合適的CSS預處理器
轉載來源：http://chinadenli.net/article32/sgjdpc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營銷推廣、ChatGPT、微信小程序、靜態(tài)網(wǎng)站、網(wǎng)站制作、動態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)