今日内容概要:

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

相关文章:

  • 2022-12-23
  • 2021-08-13
  • 2022-03-09
  • 2021-10-30
  • 2022-12-23
  • 2022-12-23
  • 2021-12-03
  • 2021-09-13
猜你喜欢
  • 2021-11-29
  • 2021-06-21
  • 2021-10-21
  • 2021-09-06
  • 2021-12-30
  • 2021-11-08
  • 2022-02-07
相关资源
相似解决方案