Sử dụng style sheet

Chào mừng các bạn đến với lớp k7 công nghệ thông tin cao đẳng công nghệ Bắc Hà

Thăm dò

Ý kiến của bạn về Website

Tốt, trình bày đẹp
Khá, trình bày khá
Trung bình, trình bày trung bình
Kém, trình bày kém

Diễn đàn » Tài liệu về html » Sử dụng style sheet

Email		Đăng ký Quên mật khẩu
Mật khẩu		Nhớ mật khẩu

Người gửi

Nội dung

Tiến Anh

Gửi lúc: 19-08-2013 19:35:33

Với HTML 4.0 tất cả các định dạng như thẻ font sẽ phải bỏ qua và sử dụng style sheet.

Ví dụ :

Styles in HTML
Ví dụ về sử dụng style trong HTML

Link that is not underlined
Liên kết không có gạch dưới.

Link to an external style sheet
Liên kết từ một file ngoài.

Sử dụng style như thế nào ?

Có ba cách sử dụng style sheet.

Style sheet bên ngoài :

Style sheet bên ngoài được áp dụng cho rất nhiều trang trong website. Với style sheet bên ngoài bạn có thể chỉnh sửa toàn bộ website trên một file. Mỗi trang phải liên kết tới file style sheet ở ngoài sử dụng thẻ <link> được đặt bên trong phần head.

Style sheet bên trong

Style sheet bên trong được áp dụng cho chỉ một file duy nhất. Bạn có thể định nghĩa style sheet bên trong ở phần header với thẻ <style>

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

Style dòng.

Style dòng được sử dụng cho một đối tượng HTML

Để sử dụng style dòng bạn sử dụng thuộc tính trong thẻ liên quan. Thuộc tính style bao gồm các thuộc tính của CSS. Ví dụ dưới chỉ ra làm sao thay đổi màu sắc, canh lề của một đoạn văn:

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

Bạn có thể học thêm Css tại : CSS tutorial.

Style Tags

Tag	Description
<style>	Định nghĩa thẻ style sheet
<link>	Tham chiếu đến một nguồn dữ liệu khác
<div>	Định nghĩa một khu vực
<span>	Định nghĩa một khu vực
<font>	Không còn hỗ trợ, sử dụng <style>
<basefont>	Không còn hỗ trợ, sử dụng <style>
<center>	Không còn hỗ trợ, sử dụng <style>