第1章結(jié)構(gòu)
?1绊谭、帶有語義的標(biāo)記 扛芽,選擇何種HTML標(biāo)簽取決于標(biāo)簽本身的語義人柿,而不是其默認(rèn)顯示出的樣式馁菜。使用CSS進(jìn)行設(shè)計(jì)時(shí)的主要任務(wù)之一就是從編寫合法的、帶有良好結(jié)構(gòu)并擁有語義的HTML文檔開始最爬。
2涉馁、創(chuàng)建良好的標(biāo)記 ?選擇DOCTYPE,指定語言和字符集,指定標(biāo)題烂叔,選擇恰當(dāng)?shù)脑亟靼苊膺^度使用div和span,盡可能少用標(biāo)簽,適當(dāng)使用class和id(class 和id可以選用字母或數(shù)字蒜鸡,下劃線命名胯努,但是必須以字母開頭)
UTF-8是一種Unicode,Unicode是一種流行的國際性編碼方案,使用UTF-8好處是逢防,不同的字符集的多種語言叶沛,例如法語、日語忘朝、阿拉伯語和希臘語等灰署,將能夠共存于同一張頁面中。
第2章 ?設(shè)計(jì)
在css中使用的顏色局嘁,css支持17種顏色分別為black(黑色)溉箕、sliver(銀色)、gray(灰色)悦昵、white(白色)肴茄、maroon(栗色)、red(紅色)但指、purple(紫色)寡痰、fuchsia(紫紅色)、green(綠色)棋凳、lime(鮮綠色)拦坠、olive(橄欖色)、yellow(黃色)剩岳、navy(藏青色)贞滨、blue(藍(lán)色)、teal(藍(lán)綠色)拍棕、aqua(淺藍(lán)綠色)晓铆、orange(橙色)。
RGB(絕對值表示) 紅(Red 莫湘,R)R尤蒿,綠(Green,G)幅垮,藍(lán)(Blue腰池,B)三種顏色的絕對值來描述某種顏色。RGB值(百分比表示)如:color:rgb(93%,51%,93%)表示紫色; ?(十六進(jìn)制值)如color:#0000FF;(十六進(jìn)制簡寫值)#ff6699 ->#f69
使用CSS的關(guān)鍵之處是將頁面的表現(xiàn)形式從頁面結(jié)構(gòu)中分離出來
將HTML結(jié)尾部分的照片圖像定位到頁首示弓。絕對定位在處理居中時(shí)并不那么方便讳侨。shea使用了一種非常有用的技巧來處理這個(gè)問題:首先將父元素絕對定位于頁面的最左邊,并將其寬指定100%奏属,在水平方向占滿整個(gè)瀏覽器窗口跨跨。然后將其子元素,設(shè)置居中囱皿。
例如:#eDiv1{
position:absolute;
top:41px;
left:0;
text-align:center;
width:100%;
}
#eDiv1 span{
background:transparent url(aa.jpg) top left no-repeat;
display:block;
margin-left:auto;
margin-right:auto;
height:123px;
width:770px;
}
如果不想絕對居中勇婴,為元素加上一定的內(nèi)邊距(padding)能夠增加元素的總寬度,但是這個(gè)偏移量的值在指定到內(nèi)邊距時(shí)要加倍計(jì)算——因?yàn)樵诮o元素添加內(nèi)邊距的同時(shí)也增加了元素的總寬度嘱腥。還有內(nèi)邊距要添加在與期望偏移方向相反的一側(cè)耕渴,例如若要讓在正中央圖像像左移動,那么應(yīng)該為圖像添加右側(cè)的內(nèi)邊距值(padding-right)齿兔。反之亦然橱脸。