Hộp trái cây thập cẩm - FSNK127
Học thiết kế web bằng Joomla - CSS cơ bản
1. Học thiết kế website bằng Joomla - Giới thiệu CSS
CSS là tập hợp các kiểu (style) định nghĩa cách hiển thị của các phần tử HTML
Các Style toàn cục có thể sử dụng nhiều lần và được lưu trong các file CSS
2. Hoc thiet ke web bằng Joomla - Cú pháp
Cú pháp: .tên_style {thuộc_tính_1: giá_trị_1;thuộc_tính_2: giá_trị_2; …}
Ví dụ: Định nghĩa style cho các chuỗi thông báo:
màu chữ đỏ và in đậm
.thong_bao{color:#FF0000; fontweight:bold}
Giỏ trái cây phúng điếu - FSNK81
3. Học thiết kế web bằng Joomla - Sử dụng CSS
Đưa CSS vào trang
Để sử dụng style cho các thẻ HTML :
Ví dụ:
nội dung thông báo
4. Hoc thiet ke web bằng Joomla - Một số thuộc tính CSS thường dùng
Font-size : khổ chữ
Font-weight : nét chữ ( đậm hoặc chọn kích thước)
Color : màu chữ
Background-color : màu nền
Text-align : canh lề
Text-decoration : gạch dưới, gạch trên, gạch bỏ
Width : chiều rộng
Height : chiều cao
Border : khung
Padding : khoảng cách từ chữ đến khung
Margin : khoảng cách từ khung này đến khung khác
Như vậy qua bài hướng dẫn hoc thiet ke web bằng Joomla này, chúng ta đã được biết qua một số thành phần quan trọng trong kỹ thuật chỉnh sửa CSS, từ đó giúp chỉnh sửa thay đổi một số thành phần trong giao diện một cách dễ dàng.
Giỏ quà trái cây Tết - FSNK216
