閱讀285 返回首頁    go 微軟 go windows


html文件中引入css代碼

csstest.html


 <!--doctype:文檔類型,用於製定使用哪個dtd(說明當前這個html文件遵循什麼版本)-->

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4.01 Transitional//EN"
<html>
<head>
<title>css1.html</title>
<!--這個keyword是給搜索引擎用的-->
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<!--告訴瀏覽器文件是什麼編碼-->
<meta http-equiv="content-type" content="text/html"; charset="UTF-8">
<!--引入css文件-->
<link rel="stylesheet" type="text/css" href="./csstest.css">

</head>
<body>

<a href="#" >第一個圖片</a></br>
<a href="#"><img src="y.jpg"/></a>
<a href="#"><img src="ra.jpg"/></a>
</body>
</html>

 

csstest.css

 


/*.style1就是類選擇器*/

.style1{
font-weight:bold;
font-size:20px;
background-color: pink;
}

/*#style2就是一個id選擇器*/

#style2{
font-size:30px;
background-color: silver;
}

/*html選擇器*/
body{
color: orange;
}

a:link{
color: black;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
a:visited{
color:red;
}


 

最後更新:2017-04-03 16:48:53

  上一篇:go 正則表達式表示任意字符
  下一篇:go Mysql簡介及概念