Ả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 chiệu trách nhiệm đăng tải thông tin sản phẩm hoặc dịch vụ của đối tác, Quý khách yêu cầu dịch vụ hoặc mua hàng, vui lòng kiểm tra thật kỹ trước khi giao dịch, chúng tôi không chiệu trách nhiệm đối với giao dịch giữa người mua và người bán. Nếu phát hiện bất kỳ hành vi lừa đảo nào của đối tác, Quý khách vui lòng click gửi báo cáo lừa đảo để chúng tôi xử lý kịp thời, xin cám ơn và chúc quý khách lựa chọn được sản phẩm hoặc dịch vụ tốt nhất.
Quý khách đang xem một bài viết quảng cáo về sản phẩm hoặc dịch vụ được cung cấp bởi Quốc Bửu Group. Quý khách cần tìm hiểu sâu hơn về sản phẩm hoặc dịch vụ của chúng tôi, vui lòng click gọi theo số hotline bên dưới để chúng tôi liên hệ với bạn trong thời gian sớm nhất. Liên hệ với chúng tôi cho mọi thắc mắc và yêu cầu của 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 cho chúng tô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 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ể.
Gửi góp ý, than phiền