Hướng dẫn font style css bold
Cỡ font chữ với thuộc tính font-size trong CSSThuộc tính font-size trong CSS thiết lập cỡ chữ. Các giá trị font-size có thể nhận là: Show
Nội dung chính
font-size sử dụng các giá trị tuyệt đối như small, largeVí dụ có HTML và CSS như sau: Kết quả: (biên tập code trên để xem thay đổi) font-size cỡ chữ chỉ rõ theo đơn vị px, emBạn có thể chỉ ra cụ thể cỡ chữ với một giá trị theo đơn vị pixel ( Như vậy để chuyển đổi px sang em dùng công thức: h2 { font-size: 20px; } Tương đương với: h2 { font-size: 1.25em; } font-style kiểu chữ thẳng,chữ nghiêng trong CSS HTMLThuộc tính font-style trong css dùng để thiết lập kiểu chữ. Với các giá trị:
Kết quả: (biên tập code trên để xem thay đổi) font-weight thiết lập độ dày, mỏng của chữ trong HTML CSSThuộc tính font-weight trong CSS thiết lập độ dày mỏng (đậm, nhạt) của chữ, nó có thể nhận các giá trị như Kết quả: (biên tập code trên để xem thay đổi)
Kết quả: (biên tập code trên để xem thay đổi) Ở bài hướng dẫn này, bạn sẽ được tìm hiểu một số thuộc tính định dạng chữ như sau:
Thiết lập KÍCH CỠ CHỮThuộc tính font-size dùng để thiết lập kích cỡ chữ của văn bản Giá trị của thuộc tính font-size có thể xác định theo đơn vị:
Lưu ý: Nếu không thiết lập kích cỡ chữ cho văn bản thì mặc định văn bản có kích cỡ chữ là 16px Thiết lập CHỮ TÔ ĐẬMThuộc tính font-weight dùng để thiết lập sự tô đậm của chữ. Thuộc tính font-weight có hai giá trị cơ bản:
Thiết lập CHỮ IN NGHIÊNGThuộc tính font-style dùng để thiết lập sự in nghiêng của chữ. Thuộc tính font-style có ba giá trị cơ bản:
Thiết lập KIỂU CHỮKhái niệm font chữ & nhóm font chữFont chữ chính là kiểu chữ, mẫu mã của chữ. Ví dụ, một số font chữ quen thuộc như: Times New Roman, Arial, Lucida Console,.... Các font chữ có cùng một vài nét tương đồng nào đó về hình dáng sẽ được xếp chung một nhóm. Có ba nhóm font chữ cơ bản là:
Bảng dưới đây là tất cả các font chữ thuộc nhóm Serif:
Bảng dưới đây là tất cả các font chữ thuộc nhóm Sans-Serif:
Bảng dưới đây là tất cả các font chữ thuộc nhóm Monospace:
Cách thiết lập kiểu chữ cho văn bảnĐể thiết lập kiểu chữ cho văn bản, ta sử dụng thuộc tính font-family với giá trị là tên font chữ. Không phải mọi trình duyệt đều hỗ trợ hết tất cả các font chữ phía trên. Để phòng trường hợp khi ta thiết lập font chữ mà trình duyệt không hỗ trợ dẫn đến việc hiển thị không như ý, ta sẽ thiết lập thêm vài font chữ khác để se cua (nếu font một không được hỗ trợ thì sẽ đến font hai, nếu font hai không được hỗ trợ thì đến font ba,....)
Xem ví dụ Lưu ý:
|