Video giảng tin học ứng dụng 12 kết nối bài 13: Khái niệm, vai trò của CSS

Tóm lược nội dung

BÀI 13: KHÁI NIỆM, VAI TRÒ CỦA CSS

Xin chào các em, cô rất vui được cùng các em tìm hiểu bài học ngày hôm nay!

Thông qua video này, các em sẽ nắm được các kiến thức và kĩ năng như sau:

• Hiểu được vai trò và ý nghĩa của mẫu định dạng CSS (Cascading Style Sheets) trong việc trình bày trang web.

A. KHỞI ĐỘNG

Trước khi bắt đầu bài học, chúng ta hãy cùng nhau quan sát hình ảnh và trả lời câu hỏi sau nhé:

Quan sát trang web trong Hình 13.1, trả lời các câu hỏi sau:

• Mã nguồn trang web có những phần tử HTML nào?
• Định dạng các phần tử HTML này có đặc điểm chung nào?
• Có thể định dạng mẫu một lần để áp dụng mẫu đó cho nhiều phần tử HTML được không?

Trong một trang web có thể có nhiều phần tử HTML được định dạng giống nhau. Khi đó chúng ta cần sử dụng một công cụ hỗ trợ giúp định dạng chung cho nhiều phần tử. Vậy để tìm hiểu về công cụ đó, chúng ta sẽ cùng nhau đến với Bài 13: Khái niệm, vai trò của CSS.

B. HOẠT ĐỘNG HÌNH THÀNH KIẾN THỨC

Nội dung 1. Khái niệm mẫu định dạng CSS

Trình bày khái niệm về CSS?

Video trình bày nội dung:

- CSS là định dạng độc lập với chuẩn HTML, được dùng để thiết lập các mẫu định dạng dùng trong trang web.

Nội dung 2. Cấu trúc CSS

Trình bàu cấu trúc tổng quát của một mẫu định dạng CSS?

Video trình bày nội dung:

- Cấu trúc tổng quát của một mẫu định dạng CSS có hai phần: 

+ Bộ chọn (selector): quy định những thẻ HTML nào được chọn để áp dụng định dạng này.

+ Vùng mô tả (declaration block): bao gồm một hay nhiều quy định có dạng

, các quy định được viết cách nhau bởi dấu ";". 

Nội dung 3. Vai trò, ý nghĩa của CSS

Trình bày ý nghĩa và vai trò của CSS?

Video trình bày nội dung:

- Ý nghĩa: Nếu không dùng CSS thì khi định dạng nội dung trang web ta phải thực hiện thông qua việc thiết lập các thuộc tính cho từng phần tử HTML.

- Vai trò: CSS ra đời để phục vụ việc định dạng nội dung trang web một cách thống nhất, nhanh chóng và thuận tiện:

+ CSS tách việc nhập nội dung trang web bằng thẻ HTML và việc định dạng thành hai công việc độc lập với nhau. 

Giúp giảm nhẹ công việc nhập nội dung, tăng tính chuyên nghiệp của việc định dạng.

+ Các mẫu định dạng của CSS có thể được viết ngay trong phần head của trang HTML, chỉ cần viết một lần và áp dụng cho tất cả các phần tử trong bộ chọn. 

Các định CSS được thiết lập một lần và được dùng nhiều lần.

+ Các mẫu định dạng có thể viết trong tệp CSS ngoài và kết nối vào bất kì trang web nào. 

Tính năng này cho phép định dạng một lần và áp dụng cho nhiều trang web, thậm chí cả một website. Nếu một website (hay trang web) cần thay đổi định dạng thì có thể chỉ cần chỉnh sửa một lần.

...........

Nội dung video Bài 13: Khái niệm, vai trò của CSS còn nhiều phần rất hấp dẫn và thú vị. Hãy cùng đăng kí để tham gia học bài và củng cố kiến thức thông qua hoạt động luyện tập và vận dụng trong video.