Tìm kiếm

Styles html




CSS is used to style HTML elements.

Look! Styles and colors

This text is in Verdana and red
This text is in Times and blue
This text is 30 pixels high

Tạo kiểu HTML với CSS

CSS đã được giới thiệu cùng với HTML 4, để cung cấp một cách tốt hơn để các yếu tố kiểu HTML.
CSS có thể được thêm vào HTML trong các cách sau đây:
  • trong các tập tin bảng phong cách riêng biệt (các tập tin CSS)
  • trong các yếu tố phong cách trong phần đầu HTML
  • trong các thuộc tính phong cách trong các yếu tố duy nhất HTML

Sử dụng các thuộc tính kiểu HTML

Đó là thời gian và không phải là rất thiết thực cho các phần tử HTML phong cách sử dụng thuộc tính style.
Cách ưa thích để thêm CSS vào HTML, CSS cú pháp trong các file CSS riêng biệt.
Tuy nhiên, trong hướng dẫn này HTML, chúng tôi sẽ giới thiệu bạn đến CSS bằng cách sử dụng thuộc tính style. Điều này được thực hiện để đơn giản hóa các ví dụ. Nó cũng làm cho nó dễ dàng hơn để bạn có thể chỉnh sửa mã và cố gắng đó cho mình.
Bạn có thể tìm hiểu tất cả mọi thứ về CSS của chúng tôi Hướng dẫn CSS .

HTML Ví dụ (US) - Màu nền

Sở hữu nền màu xác định màu nền cho một phần tử:

Ví dụ

<html>

<body style="background-color:yellow;">
<h2 style="background-color:red;">This is a heading</h2>
<p style="background-color:green;">This is a paragraph.</p>
</body>

</html>

Hãy thử nó cho mình »
Các tài sản nền màu làm cho "cũ" thuộc tính bgcolor lỗi thời.

HTML Phong cách Ví dụ - Font, màu và kích cỡ

Font-gia đình, màu sắc, và các thuộc tính font-size xác định font chữ, màu sắc, và kích thước của văn bản trong một phần tử:

Ví dụ

<html>

<body>
<h1 style="font-family:verdana;">A heading</h1>
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
</body>

</html>

Hãy thử nó cho mình »
Gia đình font chữ, màu sắc, và các thuộc tính font-size làm cho thẻ <font> cũ đã lỗi thời.

HTML Ví dụ (US) - Text Alignment

Thuộc tính text-align xác định sự liên kết theo chiều ngang của văn bản trong một phần tử:

Ví dụ

<html>

<body>
<h1 style="text-align:center;">Center-aligned heading</h1>
<p>This is a paragraph.</p>
</body>

</html>

Hãy thử nó cho mình »
Thuộc tính text-align làm cho thẻ <center> cũ đã lỗi thời.

Download và thuộc tính bị phản đối

Trong HTML 4, thẻ và các thuộc tính đã được phản đối. Phản đối có nghĩa rằng họ sẽ không được hỗ trợ trong các phiên bản tương lai của HTML.
Ghi chú Thông điệp là rõ ràng: Tránh sử dụng các thẻ và các thuộc tính phản đối!
Các thẻ và các thuộc tính nên tránh:
DownloadMô tả
<center>Phản đối. Xác định nội dung trung tâm
<font> và <basefont>Phản đối. Xác định phông chữ HTML
<s> và <strike>Phản đối. Định nghĩa văn bản gạch
<u>Phản đối. Định nghĩa văn bản nhấn mạnh
Thuộc tínhMô tả
sắp xếpPhản đối. Định nghĩa sự liên kết của văn bản
bgcolorPhản đối. Xác định màu nền
màu sắcPhản đối. Xác định màu văn bản
Đối với tất cả các bên trên: Sử dụng phong cách thay vì!

Read Users' Comments (0)

0 Response to "Styles html"

Đăng nhận xét

Support

Liên hệ DMTuan-Uneti
Mọi thông tin góp ý các bạn liên hệ với mình ! Mail:
  1. manhtuan.leo@gmail.com
  2. manhtuan.itvp@gmail.com

Y!M: manhtuan.it92