Javaweb崔希凡---day2---CSS---Javascript

今日内容概要:

Javaweb崔希凡---day2---CSS---Javascript
Javaweb崔希凡---day2---CSS---Javascript
1、css的简介
Javaweb崔希凡---day2---CSS---Javascript
2、css和html的结合方式(四种结合方式)
Javaweb崔希凡---day2---CSS---Javascript
代码:

<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>

Javaweb崔希凡---day2---CSS---Javascript

<html>
 <head>
  <title>HTML示例</title>

  <style type="text/css">	
	div {
		background-color:green;
		color: red;
	}		
 </style>

 </head>
 <body>

<div>其意博,其理奥,其趣深,天地之象分,阴阳之候列。</div>

 </body>
</html>

Javaweb崔希凡---day2---CSS---Javascript

/*
   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>

Javaweb崔希凡---day2---CSS---Javascript

<html>
 <head>
  <title>HTML示例</title>

  <link rel="stylesheet" type="text/css" href="div.css" />

 </head>
 <body>

	<div>变化之由表,死生之兆彰,不谋而遗迹自同,</div>
 </body>
</html>

Javaweb崔希凡---day2---CSS---Javascript