Joomla — June 29, 2016 at 1:54 am

Phương pháp học thiết kế web bằng Joomla – CSS cơ bản

by

Joomla là bộ CMS mã nguồn mở miễn phí và mạnh nhất hiện nay. Hệ thống thiết kế web này có bộ vi xử lý nội dung, hình ảnh mạnh mẽ, đa ngôn ngữ về cộng đồng trực tuyến, cổng thông tin truyền thông, blog, và các ứng dụng thương mại điện tử… Dưới đây là Phương pháp 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}

joomal-solutions

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.

Bài trên nói về Phương pháp học thiết kế web bằng Joomla – CSS cơ bản, hy vọng bài viết cung cấp đầy đủ thông tin hữu ích đến với bạn. Chúc bạn thành công!

Theo joomla

Xem thêm:  Những điều cần biết về thiết kế web Joomla

 

Leave a Comment

Your email address will not be published. Required fields are marked *