1. 用id連接到元素
<a href = "index.html#chai">用id連接到元素</a>
2. target屬性（是否在新窗口打開鏈接）
<a href="pref.html" target="view_window">Preface</a>
3. 格式
<!doctype html>
<html>
<head>
<meta charset = "utf-8">
</head>
<body></body>
</html>
4. html引入css
<style>
<!-- 此處寫css代碼 -->
</style>
<link type = "text/css" rel = "stylesheet" href = "../xx/xx.css"/>
5. 引用外部字體并使用
@font-face {
font-family:"Emblema One";
src : url("http://xxxx.woff"),uil("http://xxxx.ttf");
}
body {
font-family:"Emblema One"
}
6. 設(shè)備適配(media 綁定啟用此樣式表的設(shè)備類型)
1. link中指定
// 手機
<link type = "text/css" rel = "stylesheet" href = "../xx/mobile.css"
media = "screen and (max-device-width: 480px)"/>
// 打印機
<link type = "text/css" rel = "stylesheet" href = "../xx/print.css"
media = "print"/>
2. css中指定
// 只用于打印機的css
@media print {
body {
font-family:"Emblema One";
}
}
// 所有
body {
font-family:"Emblema One";
}
7. css引用外部css
<link rel = "stylesheet" href = "xxx.css" type = "text/css" media = screen>
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
