用CSS替換傳統方法

2021-08-30 03:22:24 字數 1482 閱讀 3507

下面的列表將幫助你用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會不斷重複其最後乙個字元,直...