Trung Tâm Đào Tạo Các Ngành Nghề Kỹ Thuật Cao

Khoa CNTT - Trường TCN KTCN Hùng Vương - 161 Nguyễn Chí Thanh - P12 - Q5 - TpHCM


  • Khóa học Thiết kế và Lập ...

    Khóa học Thiết kế và Lập trình website - WorldSkills
  • Kiếm tiền online từ ...

    Kiếm tiền online từ Google, Youtube, Adsense
  • Khóa học Lập trình ...

    Khóa học Lập trình website chuyên sâu
  • Khóa học thiết kế ...

    Khóa học thiết kế website chuyên nghiệp
  • Chiến lược SEO hiệu quả

    Chiến lược SEO hiệu quả
  • Khóa học SEO - Khai thác ...

    Khóa học SEO - Khai thác tài nguyên INTERNET
  • Thương mại điện tử - ...

    Thương mại điện tử  - Các hình thức thanh toán điện tử
  • E-Learning - Hệ thống ...

    E-Learning - Hệ thống học trực tuyến thế kỷ 21
  • Khóa học - Lập trình ...

    Khóa học - Lập trình Android chuyên sâu
  • Khóa học Thương mại điện ...

    Khóa học Thương mại điện tử
  • Phi tin bất phú

    Phi tin bất phú
Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

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

Thiết kế website bằng Joomla - CSS cơ bản 2 years 4 months ago #2434

  • vupham
  • vupham's Avatar
  • OFFLINE
  • Junior Boarder
  • Posts: 32
  • Thank you received: 1
  • Karma: 0
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.

Các từ khóa có liên quan: thiet ke website, lap trinh css, lap trinh html, lap trinh website, thiet ke web bang joomla, lap trinh PHP, HTML la gi, thiet ke layout web, thiet ke web bang wordpress, lap trinh jquery

Các bài viết có liên quan:
Những điều cần để thiết kế website
Thiết kế website đơn giản
Thiết kế website trên thiết bị di động
Làm quen CSS
lập trình web với CSS
Lập trình CSS là gì ?
Lập trình HTML cơ bản
Ngôn ngữ lập trình HTML
Khái niệm về lập trình website
Lập trình & Thiết kế web khác nhau như thế nào
Thiết kế website bằng Joomla - Front và Back End
Thiết kế website bằng với Joomla - Quản lý Mail
Thiết kế website bằng Joomla - CSS cơ bản
Học lập trình php
10 mẹo nhỏ khi học lập trình php
Cú pháp cơ bản trong lập trình php
HTML
HTML là gì
Những điều cần biết khi thiết kế layout web
Quy trình thiết kế layout website
Thiết kế website bằng wordpress
10 lý do nên thiết kế website bằng WordPress
Các loại website được thiết kế bằng WordPress
Lập trình jquery là gì?
Các chức năng chính trong lập trình jquery
Lập trình jquery căn bản
Last Edit: 2 years 3 months ago by vupham.
The administrator has disabled public write access.
  • Page:
  • 1
Moderators: admin
Time to create page: 0.314 seconds

Tin kiếm Google

Website Trường Dạy Nghề.NET là nơi qui tụ 1 đội ngũ các chuyên gia bao gồm các giảng viên chuyên ngành về các lĩnh vực như Công nghệ thông tin, Điện tử, Cơ khí, Ô tô, Điện, Cơ Điện Tử, Điện Lạnh....đang công tác giảng dạy và nghiên cứu tại trường Hungvuongtech địa chỉ 161-165 Nguyễn Chí Thanh, P12, Q5 TpHCM. Hungvuongtech là trường đao tạo các ngành nghề kỹ thuật cao, là 1 trong 45 trường trọng điểm quốc gia.