Cơ bản về làm việc với ngôn ngữ CSS

Chúng ta đã cùng nhau tìm hiểu các thẻ cơ bản của ngôn ngữ HTML và giờ đã đến lúc tô điểm cho đẹp. Rất muốn có khả năng thay đổi màu văn bản, kích thước của nó, nền và nhiều thứ khác. Điều này được thực hiện bằng ngôn ngữ CSS.

Thông thường, các lệnh CSS (style) được lưu trữ trong một tệp riêng biệt, được kết nối bằng một thẻ đặc biệt với tất cả các trang HTML của trang web chúng ta.

Ưu điểm của cách tiếp cận này là tệp CSS chỉ có một, còn tệp HTML có thể có bất kỳ số lượng nào, dù là một nghìn. Nếu chúng ta thực hiện thay đổi ở một nơi trong tệp CSS, ví dụ, tô màu tất cả các đoạn văn thành màu đỏ, thì những thay đổi đó sẽ được áp dụng trên toàn bộ một nghìn trang HTML mà tệp CSS của chúng ta được kết nối. Rất thuận tiện và nhanh chóng.

Tệp chứa style phải có phần mở rộng .css. Để kết nối tệp như vậy với trang HTML, trong thẻ head nên viết cấu trúc như sau:

<link rel="stylesheet" href="fileName.css">

Trong ví dụ tiếp theo, tệp HTML của chúng ta được kết nối với tệp CSS styles.css:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>This is the title</title>
		<link rel="stylesheet" href="styles.css">
	</head>
	<body>
		<p>
			This is a paragraph with text.
		</p>
	</body>
</html>

Tạo và kết nối tệp styles.css với tất cả các trang của bạn.