国产综合精品-久久久久久成人毛片免费看-69久久夜色精品国产69-美国十次啦怡红院

Web前端知識

首頁 > 免費(fèi) > Web前端知識 >

給初學(xué)者的8個CSS實(shí)用建議

來源:北京匯仁智杰科技有限公司   時間:2016-11-14   點(diǎn)擊:

1、使用reset.css

火狐和IE這兩種不同的瀏覽器,在繪制CSS樣式方法上截然不同。這種情況下,使用reset.css重置所有的基本樣式會讓你得到一個全新的空樣式表。

2、CSS縮寫

CSS縮寫簡化了你的CSS代碼,更重要的是,它讓你的代碼更加整潔易懂。

3、理解class和id

這兩個選擇器總是讓初學(xué)者感到迷惑。在CSS中,Class和ID分別用點(diǎn)“.”和井號“#”來標(biāo)識。簡單來說id就是用來標(biāo)識那些單獨(dú)不重復(fù)的樣式,而class是可以重復(fù)使用的。

4、實(shí)用的<li>

<li>也叫鏈接列表,在與<ol>或<ul>正確搭配的時候非常好用,尤其是用在導(dǎo)航菜單樣式上。

5、少用<table>多用<div>

CSS最大的優(yōu)勢之一是使用<div>達(dá)到樣式上的靈活多變。不同于<table>,<div>里的內(nèi)容不會被鎖在單元格<td>中??梢哉f幾乎所有的表格布局都可以在<div>和樣式的正確使用下完成。當(dāng)然,有大量表格內(nèi)容時,還是用 <table>吧。

6、CSS調(diào)試工具

在設(shè)計(jì)CSS時,能夠得到頁面布局的預(yù)覽對于優(yōu)化CSS樣式和糾錯是很有幫助的。這里有一些免費(fèi)的CSS調(diào)試工具推薦給你,你可以把它裝在瀏覽器上:FireFox Web Developer、DOM Inspector、Internet Explorer Developer Toolbar、Firebug

7、避免多余的選擇器

有時你的CSS聲明可以更簡單,如<li>只會與<ul>或<ol>連用,就像<td>只能存在于<tr>和<table>中一樣,這兒真沒有把它們重復(fù)一次的必要。

8、!Important

所有被!important 標(biāo)記的樣式,即使它后來被重寫,瀏覽器也只會采用被標(biāo)記的那條。!important 用來強(qiáng)制使一個樣式避免在之后的編碼中被修改,遺憾的是IE不支持。

網(wǎng)絡(luò)營銷推廣 . 北京匯仁智杰科技有限公司!

地址:北京市昌平區(qū)回龍觀龍冠大廈5層
咨詢:15201492965
業(yè)務(wù)QQ:373002979
E - mail:sales @ huirenzhijie.com
企業(yè)網(wǎng)站備案:京ICP備15021091號-1

匯仁智杰與眾不同

  • 有網(wǎng)絡(luò)推廣經(jīng)驗(yàn)
  • 有網(wǎng)站建站隊(duì)伍
  • 有大型網(wǎng)站建設(shè)經(jīng)驗(yàn)
  • 致力于營銷型網(wǎng)站建設(shè)
  • 始終堅(jiān)持技術(shù)和服務(wù)同樣重要
查看PC版網(wǎng)站
備案號:京ICP備15021091號-1 版權(quán)所有:匯仁智杰