Ảnh minh họa về màu sắc, đơn vị tính trong css
❖ Tham khảo: Dịch vụ thiết kế và phát triển website
❖ Tham khảo: Khóa học thiết kế, dàn trang của Quốc Bửu Group
❖ Tham khảo: Khóa học lập trình website của Quốc Bửu Group
Tất cả các thuộc tính font chữ trong css sẽ được liệt kê và ví dụ bên dưới, các bạn chú ý nhé.
* Font-size: Thiết lập kích cỡ cho một font chữ.
* Font-style: Thiết lập kiểu style của font chữ, giá trị của font-style gồm italic (kiểu chữ in nghiêng) và normal (kiểu chữ bình thường)
* Font-family: Họ font áp dụng cho thành phần css đó, ví dụ họ font Arial, Tahoma,...
* Font-weight: Thiết lập độ đậm của chữ, giá trị gồm
+ 100, 200, 300, 400, 500, 600, 700, 800 và 900 (độ đậm từ thấp đến cao)
+ normal (giá trị mặc định, tương đương với font-weight: 400.), bold (giá trị tương đương với khi xác định là 700).
+ bolder (các chữ cái trong phần tử này sẽ đậm hơn các chữ cái trong phần tử cha).
+ lighter (các chữ cái trong phần tử cha sẽ đậm hơn các chữ cái trong phần tử con).
VD minh họa font chữ
Đoan văn bản font size:24pt
Đoạn văn bản áp dụng font-famyly: Tahoma và in đậm
Đoạn văn bản áp dụng css italic font-weight:bold
Đoạn văn bản áp dụng font weight bold
Các thuộc tính định dạng văn bản trong css bao gồm:
* Color: Thiết lập màu sắc cho văn bản.
* Text-align : Căn chỉnh lề của văn bản, giá trị : left (căn trái), right (căn phải), center (căn giữa), justify (căn đều)
* Text-transform: Chuyển đổi kí tự trong một thành phần được gán css, giá trị: none (mặc định), capitalize (chữ cái đầu của mỗi từ viết hoa), uppercase (viết hoa toàn bộ), lowercase(viết thường toàn bộ)
* Text-decoration : Thêm trang trí cho văn bản, giá trị: none (mặc định), underline (gạch dưới văn bản), overline (gạch bên trên văn bản), line-through (gạch ngang văn bản).
* Text-indent: Khoảng thụt vào ở dòng đầu tiên của văn bản trong một thành phần, giá trị : px,pt, %
VD định dạng văn bản
Đoạn văn bản áp dụng color red
Đoạn văn bản áp dụng text align left (canh trái)
Đoạn văn bản áp dụng text align right (canh phải)
Đoạn văn bản áp dụng text align center (canh giữa)
ĐOẠN VĂN BẢN ÁP DỤNG TEXT TRANSFORM UPPERCASE [CHỮ IN HOA]
Đoạn văn bản áp dụng text-decoration underline (Gạch dưới)
Đoạn văn bản áp dụng text-indent 20px (Thụt vào lề trái 20px)
Video tham khảo văn bản và định dạng văn bản trong CSS
Chúc các bạn thành công trong công việc !
Nhấc máy lên và gọi cho chúng tôi để được tư vấn về khóa học thiết kế website với Photoshop và HTML online tại 63 tỉnh thành, mọi thông tin tư vấn xin vui lòng gửi về email quocbuugroup@gmail.com hoặc các phương tiện khác bên dưới.
* Quốc Bửu Group luôn luôn lắng nghe, tiếp nhận và xử lý một cách triệt để, xin vui lòng gọi số hotline ở phía trên để chúng tôi hỗ trợ bạn.
Văn bản và định dạng văn bản trong CSS
Bạn đang cần tư vấn dịch vụ, than phiền dịch vụ hoặc đóng góp ý kiến?
Quốc Bửu Group luôn luôn lắng nghe, tiếp nhận và xử lý một cách triệt để, xin gọi số hotline ở phía trên hoặc gửi thông tin yêu cầu bên dưới, chúng tôi sẽ liên hệ với bạn trong thời gian sớm nhất có thể.
Để yêu cầu tư vấn dịch vụ hoặc sản phẩm, Quý khách vui lòng điền vào trường lời nhắn những thông tin sau: Mã sản phẩm, tên sản phẩm, thông tin sản phẩm... để chúng tôi hỗ trợ một cách chính xác.
