關於CSS的一小點心得

來源:互聯網
上載者:User
css|心得

不怎麼多,但是我覺得很有用,以前寫的了,不過看到網友們做個人網站的時候都不怎用CSS,這是不對的。樣式表是基礎的東東,如果不想別人把你看成小菜,那還是要用用樣式表。

一,CSS的管理

偶個人感覺比較重要,而且網上好像也比較少有說這方面的

一來管理好的話,在調用和定義CSS時,會省掉很多時間和麻煩

以下是偶的一些積累

首先是為何要外部匯入或連結CSS

因為一個網頁有很多頁面,其中就要用到很多CSS(而且其中有一部分CSS是重複的),如果每頁單獨定義的話,以下是管理的方法,在index下的images檔案夾中,CSS檔案夾與之同級,方便調用和管理

開始做網站時,因為偶們大多在PS中都得到了平面圖,這時可以初步的明確相同部分CSS

比如底部,本文

假設現在有a ,b ,c 三個樣式出現在首頁中

而子頁中也會出現

則在首頁中先定義a ,然後將b,c,也定義在a裡,則CSS檔案夾中,只會出現a

但子頁匯入a時,則可看見a,b,c 然後依次應用就可以了

然後是一個頁面中定義用多種超連結的樣式

a:link

a:visited

a:hover

b:link

b:visited

b:hover

把前面的換掉就OK

但是注意不要用CSS不要用數字命名,如123之類的,也不要用ss12之類的數字與字母的結合

因為雖然用數字也行,但是在DW中,他是以預設的方式顯示的,雖然在最後網頁的上效果是一樣,但是在DW中看起來很亂,所以.........最好還是用純字母來命名

三,關於行高

一般常用的是用像素和%來設定

但是最好還是用%來設定,

因為在DW中像素所顯示的和網上頁的有點出入

而%設定的則和網頁上的一樣

看看圖就曉得了



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。