優雅的css寫法

2022-05-03 01:39:11 字數 1142 閱讀 5671

一、利用好**摺疊

css也可以進行優雅的**摺疊而且會比html更好看

摺疊後的效果:

這樣就可以很舒服的把它摺疊起來。

二、向twitter bootstrap學習

1. 學習的第一點就是用class,去減少id。當然這是乙個很基本的知識。

2. 學習的第二點是命名的詞彙。

如group、control、banner、list、item,title、panel、content、container這些表結構和關係的詞彙;

還有一些形容詞danger、primary、lg、xs、info等等;

html以及所有的語言都在推行語義化,標籤也一樣。多去用貼近生活的方式去語義話的寫**。

三、前端的流行詞彙。

component 和 module 元件和模組是前端不錯的class命名詞彙。

四、來自於各大規範的css寫法。

乙個不錯的規範,把css的屬性按照重要程度去排序。

當然這個重要程度無法估量,但是基本都是從結構》修飾》偽類,如display,float,position的重要程度就會比較高一些,然後是margin,padding,left,top之類的,然後是顏色,背景,邊框等等。這個標準人為制定。是主觀的東西。

網易的規範和常用的命名詞彙。

條件判斷的優雅寫法

平時在書寫if else if else 條件判斷,當邏輯複雜時,寫完有種半死不活的感覺,也提現不了 水平,那麼,有什麼好方法來將他更優雅的表現呢?下面來看個例子 const clickevent status,identity else if status 2 else if status 3 e...

css建議寫法

定位屬性position display float left top right bottom overflow clear z index 自身屬性width height padding border margin background 文字樣式font family font size fo...

css鏈結樣式,優雅實用

常用標籤 框架文字字型 樣式 css 鏈結 href 影象 img 列表 ul ol table 表單 form 原始碼 style menu menu ul 不顯示專案符號 menu a 新增下劃線 menu a menu a link,menu a visited menu a hover st...