Các biểu định kiểu xếp tầng được sử dụng để định dạng nội dung của trang HTML. Theo đó, tất cả các lệnh được sử dụng trong CSS đều nhằm mục đích chỉnh sửa giao diện của bất kỳ phần tử nào của tài liệu HTML.
Nó là cần thiết
Một máy tính có kết nối internet
Hướng dẫn
Bước 1
Đọc về cách sử dụng các biểu định kiểu xếp tầng. Định dạng văn bản là tính năng được sử dụng phổ biến nhất của các biểu định kiểu xếp tầng. Bất kỳ tài liệu HTML nào cũng chứa một lượng lớn thông tin dạng văn bản trong các phần khác nhau của nó. Đồng thời, mỗi phần của trang phải có định dạng và phông chữ riêng: một phần của văn bản là văn bản của menu, phần còn lại là tiêu đề, phần thứ ba là văn bản chính của trang, v.v. Để định dạng thông tin văn bản, các lệnh được sử dụng để thay đổi tên của phông chữ, kích thước, trọng lượng của nó, v.v.
Bước 2
Vì vậy, trước hết, hãy chú ý tham số kiểu font-family. Thuộc tính này cho phép bạn đặt một phông chữ cụ thể cho thẻ này. Tên của phông chữ được viết sau dấu ":". Thuộc tính font-size style được sử dụng để đặt kích thước của văn bản có trong thẻ. Giá trị kích thước cũng được viết sau dấu ":" và được biểu thị bằng pixel, ví dụ: "font-size: 20px".
Bước 3
Lưu ý rằng các tham số kiểu có thể được nối và viết cùng nhau bằng cách sử dụng dấu “;”. Điều này rất hữu ích nếu bạn cần đặt nhiều thông số cho một thẻ.
Bước 4
Sử dụng màu thuộc tính kiểu để thay đổi màu của văn bản. Tên màu được viết theo cách chuẩn: xanh lá cây, xanh lam, đỏ, v.v. Nó cũng có khả năng thiết lập màu không chỉ của chính văn bản mà còn cả màu nền. Vì mục đích này, thuộc tính background-color được sử dụng, sau đó màu đã chọn cũng phải được chỉ ra. Nếu bạn muốn sử dụng hình ảnh, không phải phần tô, làm nền trong khu vực của thẻ này, thì hãy tham khảo tham số kiểu hình nền, chỉ định sau đó là nguồn của hình ảnh.
Bước 5
Làm quen với một số thuộc tính kiểu thiết lập các tham số của các phần tử trang, trước hết, bao gồm padding, border, float, position.
Bước 6
Sử dụng tham số padding để đặt số tiền lề được liên kết với thẻ đã cho. Trong trường hợp này, giá trị này được tính từ mỗi bên. Chỉ định thuộc tính border để tạo đường viền cho trường này. Sau dấu hai chấm, chiều rộng của đường viền được viết bằng pixel. Thuộc tính float sẽ cho phép một phần tử trên trang của bạn trôi sang phải hoặc trái. Về vấn đề này, các thông số đủ điều kiện của thuộc tính này là bên trái hoặc bên phải.
Bước 7
Nếu bạn cần định vị chính xác một đối tượng trên tài liệu, hãy sử dụng thuộc tính vị trí. Nó xác định vị trí của phần tử trang theo cách tuyệt đối, chẳng hạn như "vị trí: tuyệt đối; dưới cùng: 50px; phải: 10px;", hoặc theo cách tương đối, dựa trên khoảng cách từ các cạnh của trang.
