HTML CSS

Bằng cách sử dụng HTML4.0, tất cả mã định dạng có thể được di chuyển ra khỏi tài liệu HTML và vào một bảng样式 độc lập.

Ví dụ

Style trong HTML
Ví dụ này minh họa cách sử dụng thông tin样式 được thêm vào phần <head> để định dạng HTML.
Liên kết không có dòng dưới
Ví dụ này minh họa cách sử dụng thuộc tính style để tạo liên kết không có dòng dưới.
Liên kết đến bảng样式 bên ngoài
Ví dụ này minh họa cách liên kết một bảng样式 bên ngoài bằng thẻ <link>.

Cách sử dụng样式

Khi trình duyệt đọc một bảng样式, nó sẽ định dạng tài liệu theo bảng đó. Có ba cách để chèn bảng样式:

Bảng样式 bên ngoài

Khi phong cách cần được áp dụng trên nhiều trang, bảng样式 bên ngoài sẽ là lựa chọn lý tưởng. Sử dụng bảng样式 bên ngoài, bạn có thể thay đổi toàn bộ diện mạo của trang web bằng cách thay đổi một tệp.

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

Bảng phong cách nội bộ

Khi một tệp duy nhất cần phong cách đặc biệt, có thể sử dụng bảng phong cách nội bộ. Bạn có thể định nghĩa bảng phong cách nội bộ trong phần head bằng thẻ <style>.

<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

Phong cách nội bộ

Khi cần áp dụng phong cách đặc biệt cho các yếu tố cá nhân, có thể sử dụng phong cách nội bộ. Cách sử dụng phong cách nội bộ là trong thẻ liên quan sử dụng thuộc tính phong cách. Thuộc tính phong cách có thể chứa bất kỳ thuộc tính CSS nào. Dưới đây là ví dụ về cách thay đổi màu sắc và lề bên trái của đoạn văn.

<p style="color: red; margin-left: 20px">
This is a paragraph
</p>

Truy cập vào Giáo trình CSS، học thêm về phong cách.

Thẻ Mô tả
<style> Định nghĩa định nghĩa phong cách.
<link> Định nghĩa tham chiếu tài nguyên.
<div> Định nghĩa các phần hoặc khu vực trong tài liệu (block-level).
<span> Định nghĩa các mảnh hoặc khu vực nhỏ trong tài liệu.
<font> Định nghĩa font, kích thước font, màu sắc font của văn bản. Không ủng hộ việc sử dụng. Hãy sử dụng phong cách.
<basefont> Định nghĩa font cơ sở. Không ủng hộ việc sử dụng. Hãy sử dụng phong cách.
<center> Chính giữa văn bản. Không ủng hộ việc sử dụng. Hãy sử dụng phong cách.