Máy tính,Lập trình
Cài đặt trong CSS: khoảng cách giữa các dòng
Trong CSS, khoảng cách giữa các dòng là rất dễ dàng để thiết lập. Với mục đích này có một tính chất đặc biệt. Nhưng, tất nhiên, có rất nhiều thông số khác, đó là phổ biến và có thể được áp dụng cho các văn bản.
Nếu không điều chỉnh được thực hiện, bạn thiết lập giá trị mặc định. bạn có thể thay đổi khoảng cách nếu muốn. Giá trị có thể là một tỷ lệ phần trăm hoặc pixel.
hàng Chiều cao
Khoảng cách giữa các dòng CSS có thể được chứng minh bằng những con số sau đây.
Trong hình ảnh trên cho thấy các thông số với khoảng cách tương ứng. Các văn bản là trong không gian font-size. Lưu ý rằng dòng văn bản không bắt đầu tại căn cứ và cao hơn một chút. Các không gian được cung cấp dưới đây để thư mà có những yếu tố dưới [g, y, và vân vân].
Lưu ý rằng khoảng cách giữa các khối font-size được gọi là hàng đầu. Với HTML và CSS khách sạn này không xuất hiện, nhưng nó là trong các biên tập viên đồ họa và văn bản khác. Ví dụ, trong phần mềm Adobe Photoshop.
Những con số trên cho thấy nơi trong "Photoshop", bạn có thể chỉ định hàng đầu. Và tiếp theo quy định thiết lập font-size.
Các ví dụ của việc sử dụng line-height
Trong CSS, khoảng cách giữa các dòng có thể được thiết lập phần trăm. Một ví dụ minh họa được đưa ra dưới đây.
Trong trường hợp giá trị nhỏ của người sử dụng trang web của bạn sẽ không thuận tiện để đọc.
Khoảng cách có thể đa dạng và kích thước của phông chữ. Nếu sự khác biệt giữa các thông số cơ bản sẽ khác nhau đáng kể về số lượng, phần chênh lệch được bù đắp bằng sự gia tăng chủ đạo.
tinh tế của thiết kế
Khoảng cách giữa các dòng CSS có thể tuỳ chỉnh indents khác nhau. Xem xét ví dụ trong hình.
Trong mục "Element" trong trường hợp này sẽ là nội dung. Padding - đệm là bên trong đối tượng, và lề - thụt đầu dòng của đối tượng. Biên phòng - khung này. Nó có thể là 0 pixel, và có thể là 100.
Những hình ảnh dưới đây cho thấy ngay lập tức tất cả lề, khung và chiều cao của một dòng văn bản.
Nếu bạn có một văn bản nhỏ, tất cả trong một dòng duy nhất, hoặc mỗi dòng trong một đoạn riêng biệt, khoảng cách có thể được điều chỉnh giữa các đoạn văn thụt vào. Đó là Maring và đệm giữa các dòng trong một ô sẽ không có hiệu lực. Họ tạo ra thụt đầu dòng chỉ ở các cạnh của đối tượng. Object - toàn bộ đoạn này, thay vì dòng trong nó. Điều quan trọng là không để bị lẫn lộn.
Trong trường hợp một số lượng lớn của các hàng, tất cả đều được đặt tại cùng một đối tượng, phông chữ được khuyến khích để thay đổi các thông số cơ bản.
Làm thế nào để tăng khoảng cách giữa các dòng của CSS
Khoảng cách giữa các dòng của HTML, bạn có thể đăng ký cho bất kỳ lớp hoặc cho tất cả các đoạn văn trong văn bản. Nếu bạn chỉ định như thế này: p {line-height: 20px; } - sau đó hoàn toàn tất cả các đoạn văn bản trên trang web sẽ được chuỗi 20 pixel. Nếu bạn muốn ở những nơi khác nhau trong các kích cỡ khác nhau, nó được khuyến khích để làm như sau.
Chúng tôi định phong cách.
.class1 {line-height: 20px; }
.class2 {line-height: 16px; }
.class3 {line-height: 12px; }
Để rõ ràng, chúng ta thêm một khung hình, vì vậy bạn có thể thấy rằng nó hoạt động. Trong tương lai, nó phải được loại bỏ.
Tiếp theo, chúng tôi sử dụng các lớp này. Kết quả là như sau.
Lưu ý rằng trong trường hợp thứ ba, ban nhạc lái xe đến văn bản. Tất cả do thực tế rằng kích thước phông chữ lớn hơn chiều cao của dòng. Do đó, điều quan trọng là để đảm bảo rằng các cuộc xung đột như vậy là không. Nếu bạn đang làm một chiều cao dòng nhỏ, tương ứng, giảm phông chữ.
Nó không được khuyến khích để làm quá ít văn bản và một khoảng cách nhỏ giữa các dòng. Kể từ khi không ai trong số những người sử dụng sẽ không thể đọc nó tất cả bình tĩnh. Ông mắt nhanh chóng mệt mỏi. Công cụ tìm kiếm cũng nói rằng các văn bản là người dùng thân thiện.
Hơn nữa, trong những năm gần đây có một sự nhấn mạnh vào sự tiện dụng cho người dùng di động. kiến nghị đã có luôn nói rằng kích thước phông chữ nên bình thường, không nhỏ. Đặc biệt mạnh mẽ nó ảnh hưởng đến tài liệu tham khảo. Với kích thước nhỏ của người dùng sẽ rất khó để sử dụng điều hướng trang web.
Trong công cụ tìm kiếm "Google" là một công cụ đặc biệt giúp trong phân tích. Nó rất thuận tiện cho các webmaster.
Dưới đây là một ví dụ về kết quả mà bạn có thể.
Chúng tôi đề nghị sử dụng những lời khuyên này vì các tiêu chí ảnh hưởng đến kết quả tìm kiếm.
Similar articles
Ajax - ví dụ. kịch bản Ajax
Máy tính
Bố trí qua trình duyệt, "thu hút" các công cụ tìm kiếm
Máy tính
Tính năng gì là nền tảng phần mềm?
Máy tính
Cách bố trí của khối là gì? Làm thế nào để áp đặt một trang duy nhất của trang web của riêng mình?
Máy tính
Tìm kiếm và phân tích các backlinks: hướng dẫn từng bước và kiến nghị
Máy tính
"Pascal" khai thác. ngôn ngữ lập trình Pascal
Máy tính
Trending Now
Cordless phun: đánh giá và tư vấn về cách chọn
Sự đạm bạc
Làm thế nào để loại bỏ một tàu trên khuôn mặt của cô ở nhà?
Vẻ đẹp
Trật tự và minibus thuê với người lái xe Hyundai H1 Đại Starex Moscow
Ô tô
Nhà thờ Armenia tại Moscow, địa chỉ, mô tả, lịch sử
Phát triển trí tuệ
Cốt truyện của vở ballet "Hồ thiên nga". P. I. Chaykovsky, "Swan Lake": tóm tắt và bình luận
Nghệ thuật và Giải trí
Làm thế nào là làm sạch tiền xu
Kiểu
Newest
Cây ngải. đặc tính chữa bệnh của cây
Sức khỏe
Định hướng - nó là gì? Phương pháp định hướng
Giáo dục:
Các đặc tính của carbohydrate. Các chức năng và tính chất của carbohydrate: bảng
Sự hình thành
Làm thế nào để bay đến mặt trăng?
Sự hình thành
Nhôm hydroxit
Giáo dục:
Màu sắc của hoa tulip. hoa tulip giá trị màu
Sự đạm bạc