NOI THAT PHUC PHU

GO NOI THAT PHUC PHU

Kiến thức về CSS (P8): Thuộc tính letter-spacing và thuộc tính line-height

Bạn đang xem bài viết Kiến thức về CSS (P8): Thuộc tính letter-spacing và thuộc tính line-height. Một vài liên kết tham khảo: thiết kế web chuyên nghiệp thiết kế web mỹ phẩm

Trong các thuộc tính định dạng cho text thường được sử dụng định dạng trực tiếp cho các thẻ thuộc nhóm inline, tiếp theo trong bài hôm nay mình sẽ chia sẻ với các bạn hai thuộc tính nữa cũng nằm trong danh sách các thuộc tính định dạng cho text đó là thuộc tính letter-spacing và thuộc tính line-height. Các bạn cùng theo dõi bài dưới đây.

  • 1 Thuộc tính letter-spacing
    • 1.1 Thuộc tính letter-spacing có thể nhận giá trị:
  • 2 Thuộc tính line-height
      • 2.0.1 Người viết đánh giá

Thuộc tính letter-spacing

Thuộc tính letter-spacing được dùng để định dạng khoảng cách giữa các ký tự trong một đoạn văn bản. Thuộc tính này có thể áp dụng cho tất cả các phần tử của cả HTML.

Thuộc tính letter-spacing có thể nhận giá trị:

  • normal: độ rộng mặc định. Trong thực tế,  một giá trị độ dài mà bạn thiết lập là 0 thì độ rộng  sẽ ở chế độ mặc định.
  • length: sử dụng giá trị lớn hơn 0 sẽ làm tăng độ rộng giữa các chữ cái trong một từ. Trình duyệt sẽ bỏ qua giá trị âm.

2a

 

Cấu trúc

1a

Ví dụ

3a

Thuộc tính line-height

Thuộc tính line-height dùng để điều chỉnh chiều cao dòng. Nói cách khác line-height điều chỉnh khoảng cách giữa hai đường cơ sở của các dòng liên tiếp nhau. Những giá trị mà bạn có thể gán cho thuộc tính line-height bao gồm:

  • Số thuần túy, thí dụ: 1 hoặc 2 hoặc 3…bạn có thể để số thập phân nếu muốn, chẳng hạn 1.5 – giá trị này có nghĩa là chiều cao dòng gấp 1.5 kích thước font. Kích thước mặc định mà các trình duyệt áp dụng cho line-height rơi vào khoảng giá trị là 1.2
  • %, chẳng hạn 100%, 200% hay 150% – giá trị này có nghĩa là chiều cao dòng gấp 2 kích thước font
  • Đơn vị độ dài như px, pt, in, cm…Chúng ta nên hạn chế cách này vì trong trường hợp người dùng phóng to hay thu nhỏ font thì khoảng cách sẽ bị thu hẹp hoặc giãn ra bất thường.

5a

Cấu trúc

4a

Ví dụ

6a

Xem thêm:

  • Kiến thức về CSS (P1): Giới thiệu về CSS
  • Kiến thức về CSS (P2): Cách viết nội dung, bộ chọn và comment trong CSS
  • Kiến thức về CSS (P3): Các thuộc tính background trong CSS.
  • Kiến thức về CSS (P4): Thuộc tính border
  • Kiến thức về CSS (P5): Thuộc tính color
  • Kiến thức về CSS (P6): Thuộc tính font size-Thuộc tính font family
  • Kiến thức về CSS (P7): Thuộc tính font-weight và thuộc tính font-style

Còn rất nhiều bài viết hữu ích về CSS, các bạn nhớ theo dõi nhé. Chúc các bạn tự học thiết kế web thật tốt.

  • Người viết đánh giá

  • Rated 5 stars
  • Tuyệt vời
  • 100%

  •  
  • Reviewed by:
  • Published on: 23/07/2016
  • Last modified: 23/07/2016
  •  


Nguồn bài viết: Kiến thức về CSS (P8): Thuộc tính letter-spacing và thuộc tính line-height

Trang trí nhà đẹp với nội thất màu cam độc lạ

Nội thất màu cam là những món đồ trang trí nhà đẹp và ấn tượng mang đến cảm giác tươi vui ấm cúng.

Những cách thiết kế nội thất khiến ngôi nhà rộng rãi hơn

Dưới đây là một số gợi ý giúp bạn thiết kế nội thất giúp ngôi nhà của mình trông sáng sủa, rộng rãi và thoáng mát hơn.

Khoác áo mới cho phòng khách đón hè

Những màu sắc từ mùa đông sang mùa xuân như thảm lông, gối ôm… đã không còn phù hợp với không khí mùa hè. Tuy nhiên bạn không cần thay đổi hoàn toàn đồ nội...

Logo đối tác