Bạn muốn làm cho văn bản HTML của mình trông đẹp mắt vì nhiều lý do. HTML cung cấp cho bạn tùy chọn chỉnh sửa kích thước văn bản, phông chữ, màu sắc, v.v. theo ý thích của bạn. Để làm như vậy, bạn sẽ cần thay đổi giao diện của chúng bằng cách sử dụng các thuộc tính kích thước phông chữ và màu sắc của CSS. Bài viết này sẽ cung cấp cho bạn hai phương pháp về cách làm cho văn bản HTML của bạn trông đẹp mắt
Phương pháp 1. Sử dụng thuộc tính Kiểu nội tuyến
Với các thuộc tính color và font-size, bạn có thể sửa đổi màu sắc và kích thước của văn bản từ bên trong thẻ của nó. Điều này được gọi là CSS nội tuyến. Màu sắc, phông chữ, kích thước và các kiểu khác có thể được áp dụng cho một phần tử bằng thuộc tính kiểu HTML. CSS [Cascading Style Sheets] là ngôn ngữ biểu định kiểu để mô tả giao diện của tài liệu được tạo bằng ngôn ngữ đánh dấu như HTML. Chúng tôi sẽ chỉ cho bạn cách sử dụng một số thuộc tính CSS phổ biến nhất tại đây
- Màu văn bản được xác định bởi thuộc tính màu CSS
- Thuộc tính font-size trong CSS xác định kích thước văn bản sẽ được hiển thị
Thuộc tính style có thể được sử dụng để thay đổi giao diện của phần tử HTML. Đây là một thuộc tính CSS. Cú pháp của thuộc tính style HTML như trong
The tag is used to define an article’s style information [CSS]. You declare how HTML components should render in a browser using the style> element.
Thuộc tính. Có hai thuộc tính trong thẻ này, được liệt kê bên dưới
- phương tiện truyền thông. Cho biết phương tiện/thiết bị mà tài nguyên phương tiện phù hợp nhất
- type: The media type of the tag is given here.
cũng hoạt động tốt với thuộc tính toàn cầu và thuộc tính sự kiện
Example: Using the tag to access the HTML element, this example shows how to change the text color.
HTML
h1 { property-name=property: value; }1
h1 { property-name=property: value; }7
head
>
h1 { property-name=property: value; }1
h1 { property-name=property: value; }1
h1 { property-name=property: value; }7
html
>
đầu ra
Kết hợp hai mã trên, chúng tôi nhận được
HTML
h1 { property-name=property: value; }1
h1 { property-name=property: value; }7
head
>
h1 { property-name=property: value; }1
h1 { property-name=property: value; }43
h1 { property-name=property: value; }44
h1 { property-name=property: value; }45
h1 { property-name=property: value; }7
Content6
>
h1 { property-name=property: value; }1
h1 { property-name=property: value; }1
Content22
h1 { property-name=property: value; }7
html
>
đầu ra
Another way to change the font size and color is by using the tag. Although its discarded, the HTML tag can still be used and is required by some web services. The face attribute, which describes the font to be used, must be included when using the FONT tag.
cú pháp
Content
Thí dụ. Hãy xem ví dụ sau
HTML
Content37
h1 { property-name=property: value; }1
h1 { property-name=property: value; }1
h1 { property-name=property: value; }7
Content47
>
h1 { property-name=property: value; }7
Content43
>
h1 { property-name=property: value; }1
h1 { property-name=property: value; }43