下面的列表將幫助你用css替換傳統方法:
html屬性以及相對應的css方法
html屬性 css方法 說明
align="left"
align="right" float: left;
float: right; 使用css可以浮動 任何元素:、段落、div、標題、**、列表等等
當你使用float屬性,必須給這個浮動元素定義乙個寬度。
marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" margin: 0; 使用css, margin可以設定在任何元素上, 不僅僅是body元素.更重要的,你可以分別指定元素的top, right, bottom和left的margin值。
vlink="#333399" alink="#000000" link="#3333ff" a:link #3ff;
a:visited: #339;
a:hover: #999;
a:active: #00f;
在html中,鏈結的顏色作為body的乙個屬性值定義。整個頁面的鏈結風格都一樣。使用css的選擇器,頁面不同部分的鏈結樣式可以不一樣。
bgcolor="#ffffff" background-color: #fff; 在css中,任何元素都可以定義背景顏色,不僅僅侷限於body和table元素。
bordercolor="#ffffff" border-color: #fff; 任何元素都可以設定邊框(boeder),你可以分別定義top, right, bottom和left
border="3"
cellspacing="3" border-width: 3px; 用css,你可以定義table的邊框為統一樣式,也可以分別定義top, right, bottom and left邊框的顏色、尺寸和樣式。
你可以使用 table, td or th 這些選擇器.
如果你需要設定無邊框效果,可以使用css定義: border-collapse: collapse;
clear: left;
clear: right;
clear: both;
許多2列或者3列布局都使用 float屬性來定位。如果你在浮動層中定義了背景顏色或者背景,你可以使用clear屬性.
cellpadding="3"
vspace="3"
hspace="3" padding: 3px; 用css,任何元素都可以設定padding屬性,同樣,padding可以分別設定top, right, bottom and left。padding是透明的。
align="center" text-align: center;
margin-right: auto; margin-left: auto;
text-align 只適用於文字.
象div,p這樣的塊級怨毒可以通過margin-right: auto; 和margin-left: auto;來水平居中
css傳統布局
1 position.1 position relative 相對定位.以自己所在位置為參考點.自己所在位置為 top 0 left 0 設定position relative 後,元素位置不變,而且會佔據自己所在位置.通過設定left,top,這兩個很常用 right,bottom,來改變元素所在...
CSS用HTML中的style屬性替換
廢話不多說上 1 用css給文字新增背景色 html head style type text css body h1 h2 p p.no2 style head body h1 這是標題 1 h1 h2 這是標題 2 h2 p 這是段落 p p class no2 這個段落設定了內邊距。p bod...
用tr進行替換
tr只能通過stdin 標準輸入 而無法通過命令列引數來接受輸入 tr options set1 set2將來自stdin的輸入字元從set1對映到set2,然後將輸出寫入stdout 標準輸出 set1和set2是字元類或字符集。如果兩個字符集的長度不相等,那麼set2會不斷重複其最後乙個字元,直...