- Trang chủ
- Tham khảo
- CSS
- Thuộc tính line-height
Định nghĩa và sử dụng
Thuộc tính line-height thiết lập chiều cao giữa các dòng.
Cấu trúc
tag { line-height: giá trị; }
Với giá trị như sau:
line-height | normal | line-height: normal; | Không tăng khoảng cách giữa các ký tự cho chữ. |
Số | line-height: 1.5; | Tăng hoặc giảm khoảng cách giữa các dòng, có thể là số tự nhiên hoặc số thập phân. | |
Khoảng cách | line-height: 2px; | Tăng hoặc giảm khoảng cách giữa các dòng, đơn vị có thể là px, em, %, ... | |
inherit | line-height: inherit; | Xác định thừa hưởng thuộc tính từ thành phần cha [thành phần bao ngoài]. |
Ví dụ
HTML viết:
HỌC WEB CHUẨN
HTML - HyperText Markup Language
XHTML - Extensible HyperText Markup Language
CSS - Cascading Style Sheets
JS - JavaScript
Hiển thị trình duyệt khi chưa có CSS:
HỌC WEB CHUẨN
HTML - HyperText Markup Language
XHTML - Extensible HyperText Markup Language
CSS - Cascading Style Sheets
JS - JavaScript
CSS viết:
Hiển thị trình duyệt khi có CSS:
HỌC WEB CHUẨN
HTML - HyperText Markup Language
XHTML - Extensible HyperText Markup Language
CSS - Cascading Style Sheets
JS - JavaScript
Trình duyệt hỗ trợ
Thuộc tính line-height được hỗ trợ trong đa số các trình duyệt.
Giá trị "inherit" không hỗ trợ trình duyệt IE7 trở xuống, IE8 đòi hỏi phải có !Doctype
- Trang chủ
- Hướng dẫn học
- Hướng dẫn học HTML/HTML5
- Những thẻ thuộc nhóm inline
Những thẻ thuộc nhóm inline
- Những thẻ thuộc nhóm inline là những thẻ cơ bản của HTML/XHTML, chỉ được dùng để chứa nội dung cho text hoặc các thẻ inline khác.
- Bản thân text cũng có thể coi thuộc nhóm inline.
- Những thẻ thuộc nhóm inline nên được bao ngoài bởi nhóm các thẻ block, vì các thẻ block sẽ lo nhiệm vụ dàn trang web, còn các thẻ thuộc nhóm inline chỉ để hiển thị nội dung cho văn bản.
Học HTML rất dễ.
Đây là một liên kết.
Hiển thị trình duyệt:
- Những thẻ thuộc nhóm inline có thể được lồng vào nhau.
- Không được sử dụng các thẻ khác bên trong các thẻ inline, cách sử dụng sau đây là không đúng chuẩn:
Đây là cấu trúc sai.
Các thẻ sau đây thuộc nhóm inline:
Trong phạm vi bài học, chúng ta chỉ đề cập tới một số thẻ inline thông dụng sau:
- Thẻ liên kết
- Thẻ hiển thị một image [hình ảnh]
Hiển thị trình duyệt:
Xem thêm ví dụ
Thẻ ngắt đoạn văn bản
- Thẻ ngắt đoạn văn bản
dùng để xuống dòng văn bản trong cùng một đoạn văn. - Cấu trúc của thẻ
không có sử dụng thẻ đóng [không dùng
], mà sử dụng ký tự kết thúc là một khoảng trắng và ký tự "/". - Tham khảo thêm về thẻ
.
HTML viết
Đây là đoạn văn dài rất dài rất dài rất dài
rất dài rất dài rất dài rất dài.Hiển thị trình duyệt:
Đây là đoạn văn dài rất dài rất dài rất dài
rất dài rất dài rất dài rất dài.Thẻ nhóm các inline
- Thẻ nhóm các inline dùng để nhóm một hay nhiều thẻ inline khác nhau, thẻ này không có ý nghĩa về mặt hiển thị, chỉ hỗ trợ định dạng các inline thông qua CSS hoặc Javascript.
- Tham khảo thêm về thẻ .
HTML viết
Đây là đoạn text có sử dụng span.
Hiển thị trình duyệt:
Đây là đoạn text có sử dụng span.
Thẻ hiển thị hình ảnh mạnh
- Thẻ hiển thị hình ảnh mạnh mục đích đánh dấu văn bản, văn bản được đánh dấu sẽ hiển thị dạng in đậm.
- Tham khảo thêm về thẻ .
HTML viết
Đây là text được nhấn mạnh.
Hiển thị trình duyệt:
Đây là text được nhấn mạnh.
Thẻ dùng để nhấn mạnh nội dung văn bản
- Thẻ dùng để nhấn mạnh nội dung văn bản mục đích nhấn mạnh văn bản nhằm gây chú ý cho người xem, văn bản được đánh dấu sẽ hiển thị bằng hình dạng, in nghiên, màu sắc.
- Tham khảo thêm về thẻ .
HTML viết
Đây là dòng text được nhấn mạnh.
Hiển thị trình duyệt:
Đây là dòng text được nhấn mạnh.
- Thẻ ngắt đoạn văn bản