20160110HTML學習筆記關於CSS

2021-07-09 09:33:35 字數 1155 閱讀 6525

為html檔案體裡面的內容加上各種效果可以通過css(cascading style sheets)層疊樣式表來實現下面貼上一段**來分析如何為內容加上各種效果

this is a paragraph.

內部樣式方法:可以看到檔案體裡面的各種元素所顯示的效果都在檔案頭style元素裡面描述,格式為        標識{樣式:樣式值

內聯樣式方法:通過a標籤設定超連結時可以通過設定a標籤內的style屬性為"text-decoration:none"達到讓當前超連結沒有下劃線的效果.

外部引用方法:在檔案頭用link標籤可以鏈結乙個外部樣式表,link元素裡面主要有三個屬性rel和type和href,rel是單詞relationship的縮寫,rel的值設定為stylesheet,type值設定為text/css,href設定為所鏈結的css檔案的全路徑.

所謂內聯樣式方法是指通過設定html元素內部style屬性實現各種樣式.

內部樣式方法是指通過html檔案頭的style元素實現各種樣式.

外部引用方法是指通過html檔案頭的link元素呼叫外部css檔案的方式實現各種樣式.

例如通過style屬性設定背景色為紅色需要將style設定為"background-color:red;"需要注意的是舊版的html背景色是通過屬性bgcolor設定的,通過bgcolor實現背景色為紅色bgcolor="red"

可以通過style屬性裡面的 font-family和color和font-size設定字型,顏色,和大小.

可以通過style屬性裡面的test-align設定文字對齊方式.

當單個檔案需要特別的樣式時可以採用內部樣式的方式,當多個檔案採用統一樣式時採用外部引用的方式,這樣可以通過改變外部css檔案叨叨快速修改多個檔案樣式的方法.

img標籤裡面常見屬性有width,height,alt,title,border分別設定的寬度,高度,替換文字,補充資訊,和邊框,需要注意alt與title區別.

可以設定img標籤裡面的style屬性值為float:left或者float:right使浮動與文字左右方.

是將上乙個左上角點座標為0,0右下角座標為82,126的矩形區域作為指向href所指定的url的超連結.

下面是乙個設定影象地圖並使用地圖的例子:

3 學習html5筆記

audio html5 標籤和video類似,沒有poster width height屬性 details詳情概要標籤 progress標籤進度 marquee 標籤 不在w3c標準 沒有語義,只是樣式,廢棄的標籤 有語義新增標籤 修改樣式使用css優於標籤屬性設定,方便改變需求,減少屬性的記憶。...

5 學習html5筆記

background red url i.png no repeat center 0 background attachment 當元素大小小於背靜,只顯示一部分,應用精靈圖 邊框 border border width 2px 3px 4px 1px border style border to...

HTML入門學習day03筆記

乙個簡單地表單 使用者名稱 密碼真實姓名 email 出生日期 性別男 女 愛好籃球 足球 閱讀 位址江蘇山西 湖南甘肅省蘇州 南京鎮江 淮安 市 區 縣介紹 實現效果為 層疊主要體現在 多個樣式表修飾同乙個元素 他可以繼承 具有優先順序 樣式表為 在html中,css的運用主要有三種方式 1.在元...