Giãn cách dòng, CSS, vấn đề cơ bản

Hôm nay chúng ta sẽ phân tích cú pháp CSS khoảng chiều cao dòng. Tính năng này giúp làm cho văn bản dễ đọc hơn. Ngoài ra, nó thường được sử dụng để giảm kích thước chiếm đóng bởi các nội dung trên trang. Đặc biệt đối với những người mới bắt ngay dưới một digression ngắn gọn về lịch sử của vấn đề này sẽ được cung cấp. Vì vậy, sau đó, bạn sẽ tìm hiểu làm thế nào để cài đặt các khoảng chiều cao dòng CSS.

thông tin cần thiết

CSS là viết tắt của Cascading Style Sheet, mà dịch nghĩa là "cascading style tờ". Ngôn ngữ này được sử dụng cho các trang web đã được viết bằng một ngôn ngữ đánh dấu (ví dụ, HTML). Trước khi sự ra đời của CSS bộ hồ sơ thiết kế được xây dựng với thẻ HTML, nhưng họ vô cùng khó chịu và tràn ngập toàn bộ mã. Do đó, nó đã được quyết định tạo ra một ngôn ngữ mới đó sẽ có trách nhiệm đăng ký. Hôm nay, CSS và HTML - là hai khái niệm không thể tách rời. Cú pháp cascading style rất đơn giản, nó sử dụng các thuộc tính và giá trị của họ, chẳng hạn như «nền: màu đỏ». Để gán một phạm vi, bạn chỉ cần viết thư cho một tên thẻ tài sản (hoặc định danh): «body {background: red; } "Nhưng nhóm nghiên cứu riêng của mình được đặt giữa dấu ngoặc. Vào cuối mỗi dòng ghi lại với một mô tả về đặc điểm là một dấu chấm phẩy, nếu không một lỗi xảy ra.

khoảng thời gian

Nhưng đủ các cụm từ giới thiệu, nhận được xuống để kinh doanh. Giãn cách dòng thuộc tính CSS được thiết lập bằng cách sử dụng line-height. Nó có thể được áp dụng cho tất cả các yếu tố này. Tài sản riêng của mình được thừa hưởng, có nghĩa là các em sẽ sao chép các khoảng cách từ cha mẹ. Ví dụ, nếu bạn viết lệnh sau: body {line-height: 20px}, sau đó tất cả các yếu tố trên trang, khoảng cách dòng sẽ bằng 20 pixel. Khi giá trị của tài sản này có thể được sử dụng trong bất kỳ đơn vị CSS được biết đến (mục - pt, pixel - px, inch - trong, vv ...). Một lựa chọn khác là sử dụng các giá trị tương đối quan tâm hoặc nhân như vậy. Trong trường hợp này, khoảng cách CSS-line sẽ được trừ vào yếu tố phụ huynh. Giá trị mặc định được coi là từ khóa bình thường.

Để biết thêm thông tin,

Kể từ khi chúng ta đang nói về khoảng thời gian, nó là đáng nói về khoảng cách giữa các chữ cái. Để xác định đặc điểm này trong CSS dành ra một tài sản riêng, cụ thể là letter-spacing. lệnh này là một nguyên tắc hành động tương tự như line-height. Đơn vị giá trị khác nhau. CSS-khoảng cách giữa các chữ cái cũng có thể được áp dụng cho tất cả các yếu tố, và có sự hỗ trợ của tất cả các phiên bản của ngôn ngữ. Ví dụ về các thuộc tính: «h2 {letter-spacing: 10px; }". Nếu bạn gán khoảng cách giữa các chữ cái cho các phần tử cơ thể, sau đó tất cả các yếu tố sẽ thừa hưởng tính năng này (nếu giá trị không được ghi đè một cách rõ ràng).

phần kết luận

Cần lưu ý rằng một số trình duyệt xác định một cách chính xác khoảng thời gian CSS chiều cao dòng. Ví dụ, chương trình IE (lên đến phiên bản 7.0) không chính xác tính toán khoảng cách. Trong trường hợp này, bạn nên đưa vào tài khoản khoảng chênh lệch. Phiên bản mới của lỗi này được khắc phục hoàn toàn trình duyệt. Một vấn đề tương tự như là gặp phải khi sử dụng các thuộc tính để xác định khoảng cách giữa các chữ cái. Trong tất cả các chương trình khác lệnh dữ liệu được xác định phù hợp với W3C (World Wide Web Consortium).