国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS進階指引

2024-07-11 09:06:34
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了CSS入門指引,其中包括BEM和OOCSS等的代碼示例,強烈推薦!需要的朋友可以參考下
 
 

你不要覺得CSS沒什么重要可言?最近幾年他成為一個熱門的話題,很多人都在討論他。CSS并不是一個簡單的事情,前端開發者可以使用他將頁面制作的更佳漂亮。看得更遠一些,我們更關心的是網站的性能以及如何制作出更好的網站。在本文中,我想分享我最近幾個月的學到的有關于CSS編碼的知識。作為一個程序員,我真正感興趣的事情是框架(Architectural)部分。我覺得寫CSS應該需要去改變,為此我深挖了很多知識。我搜索了好的程序、工作流和原則。這篇文章將帶領大家和CSS一起旅行,很多人都說寫CSS并不是編程,我就不同意,我說寫CSS同樣是有趣的,富有挑戰性的。
CSS預處理器
讓我們一起面對吧,在世界上寫CSS并不是一件可笑的事情。CSS預處理器看起來就像CSS,但他更像一個魔術師一樣,使用一些魔法會產生有效的CSS代碼。這讓你的樣多和瀏覽器之間新增加了一層,這樣不是更加的糟糕嗎?看上去是這樣,但事實不是這樣的,因為CSS預處理器提供了一些真正有用的特性。
  連接(Concatenation)

  我認為最有價值的東西是連接你的文件。我相信,你知道使用@import來引用你的.css文件,告訴瀏覽器獲取這個文件。這樣做,瀏覽器需要增加一個請求,這樣有點麻煩,因為你可能有很多個這樣的文件。增加額外的請求,使你的程序性能變得更低。如果您使用CSS預處理器語言,這個問題將不會存在。他們只會編譯你樣式文件中單個.css文件。
  擴展(Extending)

  LESS和Sass是最主要的兩個CSS預處理器。我們都支持擴展。雖然他們的工作方式略有不同,但他們的想法是一樣的。你可以做一個基本的類(通常稱為mixin)和一群屬性,然后在另一個選擇器導入這些屬性,如:

CSS Code復制內容到剪貼板
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 颍上县| 五家渠市| 岐山县| 二连浩特市| 布拖县| 怀集县| 上蔡县| 平陆县| 湟源县| 江北区| 邹平县| 靖西县| 长岭县| 汶上县| 罗源县| 金坛市| 湖北省| 克山县| 华安县| 寿宁县| 桃园市| 林周县| 临颍县| 舟曲县| 禹城市| 巴塘县| 衡阳县| 越西县| 凯里市| 乐至县| 区。| 齐河县| 闸北区| 绥宁县| 塔河县| 安龙县| 革吉县| 宜兰县| 休宁县| 海盐县| 司法|