9. Style Trong HTML

Trong HTML, kiểu (style) của các phần tử có thể được xác định bằng cách sử dụng thuộc tính style. Thuộc tính này cho phép bạn thêm kiểu CSS trực tiếp vào các phần tử HTML mà không cần tạo một tệp CSS riêng biệt. Dưới đây là một ví dụ chi tiết về cách sử dụng thuộc tính style trong HTML:

html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Thuộc tính Style trong HTML</title>
</head>
<body>
    <h1 style="color: blue;">Tiêu đề màu xanh</h1>
    <p style="font-size: 18px;">Đây là một đoạn văn bản có kích thước chữ lớn.</p>
    <p style="color: red; background-color: yellow;">Chữ màu đỏ trên nền vàng</p>
    <p style="text-align: center;">Chữ được căn giữa.</p>
</body>
</html>

Trong ví dụ này:

Thuộc tính style được thêm vào các thẻ để xác định kiểu CSS cho từng phần tử.
Các thuộc tính CSS như color, font-size, background-color, và text-align được sử dụng để điều chỉnh màu sắc, cỡ chữ, màu nền và căn chỉnh của phần tử.
Bạn có thể kết hợp nhiều thuộc tính trong một thẻ để tạo kiểu phức tạp hơn.

Tuy nhiên, việc sử dụng thuộc tính style để xác định kiểu chỉ thích hợp cho những điều chỉnh nhỏ và tạm thời. Đối với các dự án lớn hơn, việc sử dụng tệp CSS riêng biệt sẽ quản lý kiểu hiệu quả hơn.

Leave a Comment Cancel Reply