Javaweb崔希凡---day2---CSS---Javascript
今日内容概要:
1、css的简介
2、css和html的结合方式(四种结合方式)
代码:
<html>
<head>
<title>HTML示例</title>
<style type="text/css">
div {
background-color:gray;
color:white;
}
</style>
</head>
<body>
<div style="background-color:red;color:green;">天之道,损有余而补不足,是故虚胜实,不足胜有余。</div>
<div>变化之由表,死生之兆彰,不谋而遗迹自同,</div>
</body>
</html>
<html>
<head>
<title>HTML示例</title>
<style type="text/css">
div {
background-color:green;
color: red;
}
</style>
</head>
<body>
<div>其意博,其理奥,其趣深,天地之象分,阴阳之候列。</div>
</body>
</html>
/*
div
*/
div {
background-color: gray;
color: black;
}
<html>
<head>
<title>HTML示例</title>
<style type="text/css">
@import url(div.css);
</style>
</head>
<body>
<div>变化之由表,死生之兆彰,不谋而遗迹自同,</div>
</body>
</html>
<html>
<head>
<title>HTML示例</title>
<link rel="stylesheet" type="text/css" href="div.css" />
</head>
<body>
<div>变化之由表,死生之兆彰,不谋而遗迹自同,</div>
</body>
</html>