Theo quan điểm này:
Đây là một bài kiểm tra Đúng vậy
Có điều gì tôi có thể áp dụng được không
CSS? Vậy nó có xuất hiện trước "This is..." và trước LINE TRƯỚC không? float:trái; hiển thị:khối;
Không hiểu nó trước nội dung.
Trong trường hợp tương đối đơn giản này, bạn có thể sử dụng định vị. Khai báo tiêu đề ở vị trí tương đối, đặt phần đệm trên cùng phù hợp trên đó và tạo bé nhỏ
Phần tử được định vị "tuyệt đối" (nghĩa là liên quan đến tiêu đề tổ tiên được định vị của nó). Ví dụ:
h1 { vị trí: tương đối; phần đệm trên cùng: 1em }
h1 nhỏ { vị trí: tuyệt đối; trên cùng: 0; chiều cao: 1,3em;
Xin lưu ý rằng khi thiết lập phần đệm,em
thể hiệnh1
Kích thước phông chữ của phần tử, trong khi khi khai báo chiều cao của phần tử bên trong,bé nhỏ
yếu tố,em
thể hiện它的Kích thước phông chữ tương đối nhỏ. Vì vậy 1em
Và 1,3em
So với ngay cả khi phần đệm được thiết kế để cung cấp bé nhỏ
Để lại không gian cho các yếu tố. Bạn có thể muốn h1
Và bé nhỏ
Đặt kích thước phông chữ trên (ví dụ:h1 { cỡ chữ: 150% } nhỏ { cỡ chữ: 80% }
) để hiển thị dễ dự đoán hơn, sau đó thử sử dụng phần đệm
Và chiều cao
giá trị để có được một cái nhìn bạn thích. Việc điều chỉnh này cũng sẽ phụ thuộc vào font chữ.
Tôi là một lập trình viên xuất sắc, rất giỏi!