* Quốc Bửu Group là kênh kết nối giao thương uy tín hàng đầu Việt Nam, cam kết 100% khách hàng hài lòng khi sử dụng dịch vụ.
Hướng dẫn lập trình website HTML cơ bản toàn tập
1: CSS là gì ? Cấu trúc của file CSS
2: Cú pháp viết CSS, Comment trong css
3: Màu sắc, đơn vị tính trong CSS
4: Văn bản và định dạng văn bản trong CSS
5: Lớp (class) và định danh (id) trong CSS
6: Thẻ div, màu nền, hình nền, khung trong CSS
7: Khoảng cách trong (padding) và khoảng cách ngoài (margin) trong CSS
8: Định dạng tương đối (relative), tuyệt đối (absolute), fixed trong CSS
9: Thuộc tính float, clear, z-index trong CSS
10: Thuộc tính After và Before trong CSS
Ảnh minh họa về màu sắc, đơn vị tính trong css
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)
Hãy ấn đăng ký, like và share nếu thấy video này hữu ích thay vì lời cám ơ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.
