5.1 Thuộc tính style của thẻ
Và một vài điều hữu ích hơn về HTML. Khi web bắt đầu trở nên phổ biến, nhu cầu ngày càng tăng đối với các trang web được thiết kế đẹp mắt hoặc rất đẹp mắt. Vấn đề này đã được giải quyết bằng cách sử dụng . style
Hình thức chung của thuộc tính này có định dạng sau:
<tag style="name=value;name2=value2;nameN=valueN">Giá trị thuộc tính, được phân tách stylebằng dấu chấm phẩy, liệt kê tất cả "kiểu" cần được áp dụng cho thẻ.
Giả sử bạn muốn hiển thị hình ảnh dưới dạng hình vuông 100*100và cũng làm cho hình ảnh trong suốt một nửa. Để làm điều này, bạn cần thêm các kiểu đặc biệt vào nó:
- chiều rộng=100px;
- chiều cao=100px;
- độ mờ = 0,5;
Sau đó, mã HTML với hình ảnh này sẽ trông như thế này:
<img src="logo.png" style="width=100px;height=100px;opacity=0.5">Có hàng trăm, nếu không muốn nói là hàng nghìn phong cách. Và các nhà phát triển trình duyệt liên tục đưa ra những cái mới. Thật tốt khi bạn đang học để trở thành nhà phát triển Java chứ không phải nhà thiết kế web :)
5.2 Các kiểu CSS phổ biến
Không chắc là bạn sẽ viết nhiều mã HTML hoặc chỉnh sửa phong cách của nó trong đời, nhưng điều gì cũng có thể xảy ra. Ví dụ: bạn đang viết một vài trang HTML nhỏ để kiểm tra định dạng API. Do đó, biết các phong cách cơ bản HTMLcó thể hữu ích.
Dưới đây là 10 điều phổ biến nhất đối với các nhà phát triển phụ trợ:
| # | Tên | Ví dụ | Sự miêu tả |
|---|---|---|---|
| 1 | chiều rộng | chiều rộng: 100px | chiều rộng phần tử tính bằng pixel |
| 2 | chiều cao | chiều cao: 50% | chiều cao của phần tử dưới dạng phần trăm (của chiều rộng của cha mẹ) |
| 3 | trưng bày | không trưng bày | phần tử hiển thị (không hiển thị phần tử) |
| 4 | hiển thị | khả năng hiển thị: ẩn | khả năng hiển thị của phần tử (phần tử bị ẩn, nhưng không gian được dành riêng cho nó) |
| 5 | màu sắc | màu đỏ; | văn bản màu |
| 6 | màu nền | màu nền: khói | màu nền |
| 7 | ranh giới | đường viền: 1px màu đen đặc; | đường viền (chiều rộng 1px, màu đen, nét liền) |
| số 8 | nét chữ | phông chữ: verdana 10pt | phông chữ: verdana, cỡ 10pt |
| 9 | căn chỉnh văn bản | căn chỉnh văn bản: trung tâm; | căn chỉnh văn bản theo chiều ngang |
| 10 | lề | lề: 2px | đệm bên ngoài phần tử |
Bạn không cần nhớ những thẻ này, mọi thứ đều có trên Internet. Hơn nữa, mỗi "kiểu" có bộ giá trị hợp lệ riêng và định dạng riêng để mô tả giá trị. Nhìn ít nhất tại borderhoặc font.