掃二維碼與項目經(jīng)理溝通
我們在微信上24小時期待你的聲音
解答本文疑問/技術(shù)咨詢/運營咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流
本文介紹了sass最基本部分,你可以輕松地使用sass編寫清晰、無冗余、語義化的css。對于sass提供的工具你已經(jīng)有了一個比較深入的了解，同時也掌握了何時使用這些工具的指導原則。
創(chuàng)新互聯(lián)建站專注于港北網(wǎng)站建設(shè)服務及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供港北營銷型網(wǎng)站建設(shè)，港北網(wǎng)站制作、港北網(wǎng)頁設(shè)計、港北網(wǎng)站官網(wǎng)定制、小程序設(shè)計服務，打造港北網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供港北網(wǎng)站排名全網(wǎng)營銷落地服務。
變量是sass提供的最基本的工具。通過變量可以讓獨立的css值變得可重用，無論是在一條單獨的規(guī)則范圍內(nèi)還是在整個樣式表中。變量、混合器的命名甚至sass的文件名，可以互換通用_和-。同樣基礎(chǔ)的是sass的嵌套機制。嵌套允許css規(guī)則內(nèi)嵌套css規(guī)則，減少重復編寫常用的選擇器，同時讓樣式表的結(jié)構(gòu)一眼望去更加清晰。sass同時提供了特殊的父選擇器標識符&，通過它可以構(gòu)造出更高效的嵌套。
你也已經(jīng)學到了sass的另一個重要特性，樣式導入。通過樣式導入可以把分散在多個sass文件中的內(nèi)容合并生成到一個css文件，避免了項目中有大量的css文件通過原生的css @import帶來的性能問題。通過嵌套導入和默認變量值，導入可以構(gòu)建更強有力的、可定制的樣式?；旌掀髟试S用戶編寫語義化樣式的同時避免視覺層面上樣式的重復。你不僅學到了如何使用混合器減少重復，同時學習到了如何使用混合器讓你的css變得更加可維護和語義化。最后，我們學習了與混合器相輔相成的選擇器繼承。繼承允許你聲明類之間語義化的關(guān)系，通過這些關(guān)系可以保持你的css的整潔和可維護性。
我們在微信上24小時期待你的聲音
解答本文疑問/技術(shù)咨詢/運營咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流
微信二維碼
微信二維碼
移動版官網(wǎng)