Sheweiwei

[CSS語法規則]




語法型式:HTML標籤1, HTML標籤2{ 屬性名稱1 : 屬性設定值1;屬性名稱2 : 屬性設定值2;}



1.大括號前面的英文代表著「你要修改的部分在HTML語法裡面的標籤名稱(HTML標籤)」，在下面的網頁會對每個無名相簿每個頁面介紹各個標籤的位置。



大括號裡面代表著「加入的樣式」，屬性名稱(如color、font-size)以冒號(:)與屬性設定值(如#FFFFF、10px)隔開。



比如說你要把HTML裡面body部分的字體改為黑色，CSS寫法就是body{color:black}。



打個比喻，就如同你要為你的身體穿上黑色的衣服，用CSS語法的格式來解釋就是-->身體{顏色:黑色;}，



可以把設計網頁想像成打扮自己，用簡單的CSS語法去操控整個板面。



只要知道你想修改的部份是屬於HTML裡面哪個標籤(也可以從原始碼裡面直接找)，然後再把下面語法教的屬性名稱跟設定值填入，就可以在網頁中任意的修改每個你想設計的部份了。



2.多個HTML標籤間以逗號 ( , ) 隔開;多個屬性名稱間以分號 ( ; ) 隔開。
例如我要同時在a:visited跟a:hover裡面設定字顏色為黑色及字體為arial，語法則為a:visited,a:hover{color:black;font-family:arial;}。

3.空格跟空行皆不影響CSS語法(但注意屬性名稱跟設定值必須以一組大括號{}包圍起來)。



4.「重覆設定」以後者為主。(ex:網頁中同時有body{color:red}及body{color:black}兩個語法，即對body顏色部份做了重覆的宣告，則跑出的結果會以後者"black"為主。)



把你設計或修改的CSS語法貼進去框框，再按存檔就可以完成修改了。



(如果怕改壞，可以把自己的CSS存成暫存檔，這樣就可以自己備份自己的CSS了。)



overflow:hidden; /*刪除捲軸*/
background-image: url(圖片網址)
#postmsg a {
font-size: 0px;
width: 設定圖片寬px;
height: 設定圖片高px;
background: url(圖片網址) no-repeat;}
color: #色碼; /* 字體顏色 */
font-size: 11pt; /* 字體大小 */
font-family: verdana; /* 字體樣式 */
margin: 0px; /* 邊界寬度 */<表示表格外的邊界距離>
padding: 10px; /* 空白寬度 */<表示表格內容與邊框的邊界>
border: 1px solid #色碼; /* 整圈框線指定 */
solid表直線 dashed表虛線
dotted表點線(2px以上較明顯) double表雙框線(3px以上)
px就是線條寬度 1px最細



text-align: left; /* 文字排列 */
left即是靠左 若改為center則為置中 改為rihgt則為靠右