视频在线播放中文字幕,免费20分钟做受视频,精品一区在线观看二区

當(dāng)前位置：

發(fā)布時間：2022-07-01

文章編輯：網(wǎng)站建設(shè) 文章來源：網(wǎng)站制作瀏覽量：次

網(wǎng)站制作怎樣掌握一種現(xiàn)代的、模塊化的方法？網(wǎng)站制作公司在前面相關(guān)文章中關(guān)于HTML 時就涉及了一些現(xiàn)代模塊化原則，大多數(shù) CSS 框架用它們來解決剛才描述的方案中出現(xiàn)的問題。雖然 OOCSS、SMACSS 和 BEM 對使用什么樣的標(biāo)記有著不同的觀點(diǎn)，但它們中的每一個都提供了如何寫 CSS 的建議，無論你采取了哪一個方案，這些建議都很有價值。網(wǎng)站制作公司資深框架規(guī)劃師本就讓我們來快速看一下這些關(guān)鍵原則，并且了解它們是如何幫助我們解決前面遇到的問題的。

網(wǎng)站制作前端規(guī)劃關(guān)于OOCSS 帶來分離容器和內(nèi)容的思想，我們學(xué)會不再使用位置作為樣式的限定詞。你完全可以在網(wǎng)站上放一個側(cè)邊欄，并且給這個側(cè)邊欄使用任何你喜歡的樣式，但是，側(cè)邊欄的樣式不應(yīng)該影響側(cè)邊欄的內(nèi)容。#sidebar h2 意味著，放在側(cè)邊欄的每一個 H2 元素，要么接受這個樣式，要么就重寫來避免使用這個樣式。而 .my-sidebar-widget-heading 意味著樣式只限定于這一個標(biāo)題，完全不會影響其他標(biāo)題。SMACSS 給我們帶來把布局和組件分離到不同文件夾的思想，進(jìn)一步將側(cè)邊欄的角色和日歷模塊劃分開。現(xiàn)在我們只是定義了側(cè)邊欄的角色是布局，甚至不允許元素樣式在那部分 Sass 語法的代碼里　

float：left;

　……

}

.sidebar {

　float：right;

　……

}

</style>

網(wǎng)站制作公司資深前端設(shè)計工程師提醒這就解決了剛才的由于依賴位置而造成 CSS 樣式混亂的問題。選擇器優(yōu)先級，把 ID 選擇器改成 CSS 類名選擇器是一個很好的開始，這樣可以停止 CSS 優(yōu)先級之間的沖突問題，讓每一個選擇器的權(quán)重扁平化成“1”，我們就不再需要利用優(yōu)先級較量出“勝利者”來決定樣式。顏色重置比降低權(quán)重更好的方法是對每一個元素使用唯一的選擇器。這樣你的模塊樣式就不再會與側(cè)邊欄樣式或者頁面通用樣式?jīng)_突了。位置依賴，去掉布局文件中的樣式代碼之后，我們就不用再擔(dān)心因為把日歷組件移出側(cè)邊欄而造成樣式改變了。多重繼承每個標(biāo)題都有了自己唯一的 CSS 類名之后，我們就可以任意修改其中的某個樣式而不會影響其他標(biāo)題了。如果你想改變多個選擇器對應(yīng)的樣式，可以使用預(yù)處理器變量、混入（mixin）或繼承來幫你做。深層嵌套即使在日歷的層級上，我們也仍然沒有給 H2 標(biāo)簽應(yīng)用任何樣式。因此再給日歷中的新 H2 添加樣式時，就不需要重寫通用樣式、側(cè)邊欄樣式或者日歷的頭部樣式了。好了，深圳網(wǎng)站制作公司本文關(guān)于“網(wǎng)站制作怎樣掌握一種現(xiàn)代的、模塊化的方法？”知識就分享到這里，如果您有企業(yè)門戶、電商以及其他需要定制設(shè)計的互聯(lián)網(wǎng)項目，咨詢我們的在線客服，免費(fèi)為您提供解決方案，謝謝關(guān)注，博納網(wǎng)絡(luò)編輯整理。

當(dāng)前文章鏈接：/construction/wzzhizuo/14834.html

上一篇：網(wǎng)站制作關(guān)于前端架構(gòu)師對于CSS的日常手記下一篇：高端網(wǎng)站制作前端框架設(shè)計關(guān)于工作流乘方案

返回列表

如果您覺得案例還不錯請幫忙分享：

[聲明]本網(wǎng)轉(zhuǎn)載網(wǎng)絡(luò)媒體稿件是為了傳播更多的信息，此類稿件不代表本網(wǎng)觀點(diǎn)，本網(wǎng)不承擔(dān)此類稿件侵權(quán)行為的連帶責(zé)任。故此，如果您發(fā)現(xiàn)本網(wǎng)站的內(nèi)容侵犯了您的版權(quán)，請您的相關(guān)內(nèi)容發(fā)至此郵箱【qin@198bona.com 】，我們在確認(rèn)后，會立即刪除，保證您的版權(quán)。

夏目彩春av在线看,夏目彩春av在线看,亚洲国产成人精品日韩18,搡老岳熟女国产熟妇视频,欧美国产亚洲欧美国产,99久久蜜人人爽亚洲精品美女,3p少妇亚洲一区二区三区欧美,美女天天干美女天天操,男女啪啪啪噜噜噜免费观看网站

深圳網(wǎng)站建設(shè)—APP開發(fā)—網(wǎng)站制作—小程序開發(fā)_博納網(wǎng)絡(luò)公司

當(dāng)前位置：

網(wǎng)站制作怎樣掌握一種現(xiàn)代的、模塊化的方法？

如果您覺得案例還不錯請幫忙分享：

相關(guān)案例推薦

資訊分類

最新發(fā)布

相關(guān)資訊

熱門搜索

夏目彩春av在线看,夏目彩春av在线看,亚洲国产成人精品日韩18,搡老岳熟女国产熟妇视频,欧美国产亚洲欧美国产,99久久蜜人人爽亚洲精品美女,3p少妇亚洲一区二区三区欧美,美女天天干美女天天操,男女啪啪啪噜噜噜免费观看网站

深圳網(wǎng)站建設(shè)—APP開發(fā)—網(wǎng)站制作—小程序開發(fā)_博納網(wǎng)絡(luò)公司

當(dāng)前位置：

網(wǎng)站制作怎樣掌握一種現(xiàn)代的、模塊化的方法？

相關(guān)案例推薦

資訊分類

最新發(fā)布

相關(guān)資訊

熱門搜索

網(wǎng)站制作怎樣掌握一種現(xiàn)代的、模塊化的方法？