4.26學習內容

標籤：

4月26上課內容

標籤屬性

?

????屬性名稱="屬性值"

????公有屬性： title="滑鼠移至上方提示文字"

???????? style="CSS樣式"

????私人屬性：個別標籤專屬的屬性！

?

?

????CSS樣式

????????邊框 dashed 虛線 dotted 點畫線

?

????????。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

<!DOCTYPE html >

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>無標題文檔</title>

</head>

?

<body>

</body>

</html>

?

DOCTYPE 文件類型

document 文檔

type 類型

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

?

?

html5

?

<head>。。。。。。。。。。。。。。。。。。。。網頁的頭部資訊

<meta charset="utf-8">

<title>無標題文檔</title>

</head>

?

charset="utf-8"，，，，，，，，，，，，，，，，，，，，，，國際通用的編碼格式

?

background-image 背景圖

background-repeat 背景重複

background-position 背景定位

背景定位 left right top bottom center 或具體數字（支援正值和負值）

?

?

背景圖的縮寫： 背景圖片/ 是否重複/ 位置/ 背景色

?

?

?

圖片格式分類

????png 支援透明 半透明 體積較大 品質好

JPG 不支援透明 不支援半透明 體積大 品質較好

GIF 支援透明 不支援半透明 支援動畫

?

?

?

.............................................................................................

????font-weight 字型加粗

?????

?

?

?

?

?

font-family 字型組合

?

font-style 字型樣式

?

?

text-decoration 底線

?

????????none： 沒有底線

underline：底線

overline 上劃線

line-througn 刪除線

?

?

text-indent 縮排段落文本！！！

text-indent：-999em；隱藏文字

?

?

?

樣式繼承：1.子級繼承父級的css樣式（僅限於和文字相關的樣式）

???? 2.標籤本身有預設樣式的標籤，不繼承父級的樣式！

?

?

有預設樣式的標籤

4.26學習內容