Thầy cô kiến thức thâm sâu
Học sinh chăm chỉ bước đầu thành công.

BÀI 8. LÀM QUEN VỚI CSS (CÁNH DIỀU - CS & ICT)

Bài 8 - Làm quen với CSS (Cánh diều - cs & ict)
 Đây là bài soạn lý thuyết tin học 12 - sách Cánh diều. Bài học này là kiến thức cốt lõi chung cho cả hai định hướng: Khoa học máy tính (cs) và Tin học ứng dụng (ict). Lý thuyết được tóm tắt ngắn gọn, dễ hiểu, bám sát nội dung cốt lõi của bài học. Quý Thầy Cô và các em học sinh truy cập để làm tài liệu tham khảo nhé. Chúc Thầy Cô dạy tốt, chúc các em học sinh học giỏi.

1. Bảng định dạng CSS
 - CSS (Cascading Style Sheets) là ngôn ngữ dùng để định dạng các phần tử HTML.
 - Giúp tách biệt nội dung và định dạng, dễ chỉnh sửa và tái sử dụng.
 - Các trình duyệt web áp dụng CSS bằng cách nhận diện bộ chọn (selector) và thuộc tính CSS tương ứng.
 - CSS có nhiều phiên bản, trong đó CSS3 là phiên bản phổ biến hiện nay.
2. Khai báo bộ chọn phần tử và áp dụng CSS
 - Bộ chọn phần tử giúp định dạng cụ thể cho các phần tử HTML.
 - Ví dụ:
- Có 2 cách khai báo CSS:
  + Internal CSS: Viết trực tiếp trong thẻ <style> của phần <head>. Ví dụ:
  + External CSS: Viết trong file riêng .css và liên kết vào HTML bằng thẻ <link>. Ví dụ:
 - Có thể nhóm nhiều bộ chọn để tránh lặp lại quy tắc CSS.
3. Một số thuộc tính định dạng CSS
a) Thuộc tính định dạng màu sắc
 - color: Định dạng màu chữ.
 - Ví dụ:
 - background-color: Định dạng màu nền.
 - Ví dụ:
b) Thuộc tính định dạng phông chữ
 - font-family: Chọn kiểu chữ (ví dụ: font-family: "Times New Roman", serif;).
 - font-size: Chọn kích thước chữ (ví dụ: font-size: 20px;).
 - Ví dụ: Đoạn mã hoàn chỉnh định dạng phông chữ, cỡ chữ.
c) Thuộc tính định dạng đường viền
 - border-style: Kiểu đường viền (ví dụ: border-style: solid;).
 - border-color: Màu đường viền (chỉ hoạt động khi có border-style).
 - Ví dụ: Đoạn mã hoàn chỉnh định dạng đường viền.
---The End!---
CÙNG CHUYÊN MỤC:
Chủ đề A
Chủ đề B
Chủ đề D
Chủ đề F
Chủ đề G
Chủ đề A (ICT)
Chủ đề E (ICT)
Chủ đề B (CS)
Chủ đề F (CS)
Chủ đề F (CS1)
Chủ đề F (CS1)

CÁC CHUYÊN MỤC LIÊN QUAN:
☎ TIN HỌC 10-KẾT NỐI TRI THỨC
☎ TIN HỌC 11-KẾT NỐI TRI THỨC
☎ TIN HỌC 12-KẾT NỐI TRI THỨC

Tổng số lượt xem

Chăm chỉ chiến thắng tài năng
khi tài năng không chịu chăm chỉ.

- Tim Notke -

Bản quyền
Liên hệ
Chat Zalo
Chat Facebook