Thiết kế website bằng Joomla - CSS cơ bản

1. 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. 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}

3. Sử dụng CSS

Đưa CSS vào trang
<link href="đường dẫn tập tin css" rel="stylesheet" type="text/css"/>
Để sử dụng style cho các thẻ HTML : <the class="ten_style" …

Ví dụ: <div class="thong_bao">nội dung thông báo</div>

4. 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.

Add to Cart