[Share Code] Tìm hiểu css trong HTML/CSS/JS - C2307L

#style.css

Name: ZicZac: Thiết kế web & app & quản lý tồn kho
Address: Số 08 Tôn Thất Thuyết, Cầu Giấy, Hà Nội, Nam Từ Liêm, Hà Nội, 100000
Telephone: 0967025996
Price range: $$$

body {
	background-color: orange;
	background-image: url(https://www.educationcorner.com/images/featured-importance-education.png);
	background-repeat: no-repeat;
	background-size: contain;
}

div {
	border: solid 2px red; 
	padding: 20px 100px; 
	margin-top: 30px; 
	margin-bottom: 100px; 
	margin-left: 50px; 
	margin-right: 80px
}

#vidu4.html

<!DOCTYPE html>
<html>
<head>
	<title>CSS tutorial</title>
	<meta charset="utf-8">

	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div>
	Từ 3h chiều đến tối nay, trên địa bàn xã bắt đầu mưa to và kéo dài. Ông Ngô Thành Tâm, Phó Chủ tịch UBND xã Hòa Liên, huyện Hòa Vang, thành phố Đà Nẵng cho biết, hiện, đường tỉnh 601 ngay trước khu vực UBND xã ngập cục bộ không thể đi lại. Xã Hòa Liên đã cử lực lượng dân quân dùng hàng rào sắt chặn khu vực này không để bà con qua lại. Ngoài ra, tại xã Hòa Liên còn có 2 thôn là Trung Sơn và Quang Nam nước cũng đang dâng cao, nguy cơ chia cắt. Hiện, xã Hòa Liên theo dõi sát tình hình mưa lũ và sẵn sàng di dời dân nếu nước tiếp tục dâng cao. (Ảnh:Cổng khu công nghiệp Hòa Khánh nước ngập gây khó khăn khi lưu thông).
	Từ 3h chiều đến tối nay, trên địa bàn xã bắt đầu mưa to và kéo dài. Ông Ngô Thành Tâm, Phó Chủ tịch UBND xã Hòa Liên, huyện Hòa Vang, thành phố Đà Nẵng cho biết, hiện, đường tỉnh 601 ngay trước khu vực UBND xã ngập cục bộ không thể đi lại. Xã Hòa Liên đã cử lực lượng dân quân dùng hàng rào sắt chặn khu vực này không để bà con qua lại. Ngoài ra, tại xã Hòa Liên còn có 2 thôn là Trung Sơn và Quang Nam nước cũng đang dâng cao, nguy cơ chia cắt. Hiện, xã Hòa Liên theo dõi sát tình hình mưa lũ và sẵn sàng di dời dân nếu nước tiếp tục dâng cao. (Ảnh:Cổng khu công nghiệp Hòa Khánh nước ngập gây khó khăn khi lưu thông).
</div>
</body>
</html>

#vidu5.html

<!DOCTYPE html>
<html>
<head>
	<title>CSS tutorial</title>
	<meta charset="utf-8">

	<!-- Tai su dung lai css -> ap dung cho tat ca -->
	<!-- Nhan dien css theo cap do uu tien -->
	<!-- Cung kieu (*, tag name) -> uu tien css viet sau -->
	<!-- Uu tien: * -> tag name -> class name -> id -> important -->
	<!-- selector (*, tag name, class name, id) -->
	<style type="text/css">
		* {
			font-size: 35px;
		}

		#h1-title {
			background-color: green;
		}

		h1 {
			font-size: 99px;
		}

		h1 {
			color: red;
			background-color: orange;
			font-size: 55px;
		}

		h3 {
			color: blue;
			background-color: grey
		}

		h2 {
			color: white;
			background-color: black
		}

		.h1-35 {
			font-size: 35px;
		}

		.h1-55 {
			font-size: 55px;
		}

		.h1-65 {
			font-size: 65px;
			background-color: pink !important;
		}

		.bg-black {
			background-color: black;
		}
	</style>
</head>
<body>
<!-- font size: 35px -->
<h1 class="h1-35">Xin chao h1</h1>
<h2>Xin chao h1</h2>
<!-- font size: 55px -->
<h1 class="h1-55" id="h1-title">Xin chao h1</h1>
<h3>Xin chao h1</h3>
<!-- font size: 65px -->
<h1 class="h1-65 bg-black">Xin chao h1</h1>
<h3>Xin chao h1</h3>
<!-- font size: 65px -->
<h1 class="h1-65">Xin chao h1</h1>
</body>
</html>

#vidu6.html

<!DOCTYPE html>
<html>
<head>
	<title>CSS tutorial</title>
	<meta charset="utf-8">

	<style type="text/css">
		.main {
			color: red;
			text-align: justify;
			text-decoration: none;
			text-indent: 30px;
			text-transform: capitalize;
			word-spacing: 30px;
			font-style: italic;
			/*font-variant: small-caps;*/
			/*border: solid 3px red;*/
			border-top: solid 10px red;
			border-left: dotted 20px blue;
			border-right: dashed 30px green;
		}

		a {
			text-decoration: none;
			color: green;
		}
	</style>
</head>
<body>
<div class="main">
	Từ 3h chiều đến tối nay, trên địa bàn xã bắt đầu mưa to và kéo dài. Ông Ngô Thành Tâm, Phó Chủ tịch UBND xã Hòa Liên, huyện Hòa Vang, thành phố Đà Nẵng cho biết, hiện, đường tỉnh 601 ngay trước khu vực UBND xã ngập cục bộ không thể đi lại. Xã Hòa Liên đã cử lực lượng dân quân dùng hàng rào sắt chặn khu vực này không để bà con qua lại. Ngoài ra, tại xã Hòa Liên còn có 2 thôn là Trung Sơn và Quang Nam nước cũng đang dâng cao, nguy cơ chia cắt. Hiện, xã Hòa Liên theo dõi sát tình hình mưa lũ và sẵn sàng di dời dân nếu nước tiếp tục dâng cao. (Ảnh:Cổng khu công nghiệp Hòa Khánh nước ngập gây khó khăn khi lưu thông).
	Từ 3h chiều đến tối nay, trên địa bàn xã bắt đầu mưa to và kéo dài. Ông Ngô Thành Tâm, Phó Chủ tịch UBND xã Hòa Liên, huyện Hòa Vang, thành phố Đà Nẵng cho biết, hiện, đường tỉnh 601 ngay trước khu vực UBND xã ngập cục bộ không thể đi lại. Xã Hòa Liên đã cử lực lượng dân quân dùng hàng rào sắt chặn khu vực này không để bà con qua lại. Ngoài ra, tại xã Hòa Liên còn có 2 thôn là Trung Sơn và Quang Nam nước cũng đang dâng cao, nguy cơ chia cắt. Hiện, xã Hòa Liên theo dõi sát tình hình mưa lũ và sẵn sàng di dời dân nếu nước tiếp tục dâng cao. (Ảnh:Cổng khu công nghiệp Hòa Khánh nước ngập gây khó khăn khi lưu thông).
	<a href="https://gokisoft.com">gokisoft.com</a>
</div>
</body>
</html>

[Share Code] Tìm hiểu css trong HTML/CSS/JS - C2307L

#style.css

#vidu4.html

#vidu5.html

#vidu6.html

Tags:

Phản hồi từ học viên

5

Đăng nhập để làm bài kiểm tra

Chưa có kết quả nào trước đó