CSS優點和缺點
創新互聯長期為上千客戶提供的網站建設服務,團隊從業經驗10年,關注不同地域、不同群體,并針對不同對象提供差異化的產品和服務;打造開放共贏平臺,與合作伙伴共同營造健康的互聯網生態環境。為嘉蔭企業提供專業的網站制作、做網站,嘉蔭網站改版等技術服務。擁有十余年豐富建站經驗和眾多成功案例,為您定制開發。
優點:
1,CSS對于設計者來說是一種簡單、靈活、易學的工具,能使任何瀏覽器都聽從指令,知道該如何顯示元素及其內容
2,個樣式表可以用于多個頁面,甚至整個站點,因此具有更好的易用性和擴展性
3,使用CSS樣式表定義整個站點,可以大大簡化網站建設,減少設計者的工作量
缺點:
瀏覽器支持的不一致性
2.CSS沒有父層選擇器
3.不能明確地指定繼承性
4.垂直控制的局限
5.顯示的缺乏
6.缺乏正交性
CSS就是一種叫做樣式表(stylesheet)的技術。也有的人稱之為層疊樣式表(Cascading Stylesheet)。
在主頁制作時采用CSS技術,可以有效地對頁面的布局、字體、顏色、背景和其它效果實現更加精確的控制。
只要對相應的代碼做一些簡單的修改,就可以改變同一頁面的不同部分,或者頁數不同的網頁的外觀和格式。
它的作用可以達到:
(1)在幾乎所有的瀏覽器上都可以使用。
(2)以前一些非得通過圖片轉換實現的功能,現在只要用CSS就可以輕松實現,從而更快地下載頁面。
(3)使頁面的字體變得更漂亮,更容易編排,使頁面真正賞心悅目。
(4)你可以輕松地控制頁面的布局 。
(5)你可以將許多網頁的風格格式同時更新,不用再一頁一頁地更新了。你可以將站點上所有的網頁風格都使用一個CSS文件進行控制,只要修改這個CSS文件中相應的行,那么整個站點的所有頁面都會隨之發生變動。
想一想,沒有使用CSS前我們是如何控制字體的顏色和大小以及所使用的字體的?我們一般使用HTML標簽來實現,代碼非常煩瑣。
很難想象,如果在一個頁面里需要頻繁地更替字體的顏色大小,最終生成的HTML代碼的長度一定臃腫不堪。
說實話,CSS就是為了簡化這樣的工作誕生的,當然其功能決非這么簡單。
CSS是通過對頁面結構的風格控制的思想,控制整個頁面的風格的。
式樣單放在頁面中,通過瀏覽器的解釋執行,是完全的文本,任何懂得HTML的人都可以掌握,非常的容易。生殖對一些非常老的瀏覽器,頁不會產生頁面混亂的現象。
css是樣式編輯的啊 沒有邏輯 他只是一個翻譯型語言, 你讓他干什么 他就干什么,比方說你上面的代碼 margin-bottom:0px 這個的意思 你翻譯成中文 你就很好理解了 margin是外邊距,bottom 這個是下 一起就是下面的外邊距是0 color 這個是顏色 后面跟著相應的顏色代碼
CSS 模塊化重要的是要解決好兩個問題:CSS 樣式的導入和導出。靈活按需導入以便復用代碼;導出時要能夠隱藏內部作用域,以免造成全局污染。Sass/Less/PostCSS 等前仆后繼試圖解決 CSS 編程能力弱的問題,結果它們做的也確實優秀,但這并沒有解決模塊化最重要的問題。Facebook 工程師?Vjeux?首先拋出了 React 開發中遇到的一系列 CSS 相關問題。加上我個人的看法,總結如下:
全局污染
CSS 使用全局選擇器機制來設置樣式,優點是方便重寫樣式。缺點是所有的樣式都是全局生效,樣式可能被錯誤覆蓋,因此產生了非常丑陋的?!important,甚至 inline?!important?和復雜的選擇器權重計數表,提高犯錯概率和使用成本。Web Components 標準中的 Shadow DOM 能徹底解決這個問題,但它的做法有點極端,樣式徹底局部化,造成外部無法重寫樣式,損失了靈活性。
命名混亂
由于全局污染的問題,多人協同開發時為了避免樣式沖突,選擇器越來越復雜,容易形成不同的命名風格,很難統一。樣式變多后,命名將更加混亂。
依賴管理不徹底
組件應該相互獨立,引入一個組件時,應該只引入它所需要的 CSS 樣式。但現在的做法是除了要引入 JS,還要再引入它的 CSS,而且 Saas/Less 很難實現對每個組件都編譯出單獨的 CSS,引入所有模塊的 CSS 又造成浪費。JS 的模塊化已經非常成熟,如果能讓 JS 來管理 CSS 依賴是很好的解決辦法。Webpack 的?css-loader?提供了這種能力。
無法共享變量
復雜組件要使用 JS 和 CSS 來共同處理樣式,就會造成有些變量在 JS 和 CSS 中冗余,Sass/PostCSS/CSS 等都不提供跨 JS 和 CSS 共享變量這種能力。
代碼壓縮不徹底
由于移動端網絡的不確定性,現在對 CSS 壓縮已經到了變態的程度。很多壓縮工具為了節省一個字節會把 '16px' 轉成 '1pc'。但對非常長的 class 名卻無能為力,力沒有用到刀刃上。
上面的問題如果只憑 CSS 自身是無法解決的,如果是通過 JS 來管理 CSS 就很好解決,因此 Vjuex 給出的解決方案是完全的?CSS in JS,但這相當于完全拋棄 CSS,在 JS 中以 Object 語法來寫 CSS,估計剛看到的小伙伴都受驚了。直到出現了 CSS Modules。
本文標題:評價css樣式,關于css樣式規則格式的描述
URL鏈接:http://m.kartarina.com/article24/dsesjce.html
成都網站建設公司_創新互聯,為您提供網站收錄、微信公眾號、網站制作、網站設計公司、小程序開發、App設計
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯