BÀI F8 - MỘT SỐ THUỘC TÍNH CƠ BẢN CỦA CSS (CTST

BÀI F8 - MỘT SỐ THUỘC TÍNH CƠ BẢN CỦA CSS (CTST - CS & ICT)

Đây là bài soạn gợi ý trả lời SGK tin học 12 (bộ sách Chân trời sáng tạo). Bài 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). Các em truy cập vào để tham khảo nhé. Chúc các em có nhiều sức khỏe và chăm ngoan học giỏi.

(trang 141 sách ict, trang 108 sách cs)

Đối với nội dung là văn bản trong trang web, em có thể thực hiện những định kiểu như thế nào? Hãy nêu những đặc điểm có thể định kiểu của văn bản.

Gợi ý trả lời

Những đặc điểm có thể định kiểu của văn bản trong trang web:
- Màu sắc chữ (color)
- Kích thước chữ (font-size)
- Kiểu chữ (font-family)
- Kiểu chữ nghiêng, in đậm, gạch chân (font-style, font-weight, text-decoration)
- Canh lề (text-align)
- Viết hoa thường (text-transform)
- Khoảng cách dòng, chữ (line-height, letter-spacing)

(trang 142 sách ict, trang 109 sách cs)

Viết mã lệnh CSS để định kiểu cho những thành tích đạt được còn lại trong mục Các hoạt động đã tham gia với những giá trị khác cho các thuộc tính.

Gợi ý trả lời

(trang 143 sách ict, trang 110 sách cs)

Viết mã lệnh CSS để định kiểu cho Các hoạt động đã tham gia thành chữ in hoa và khoảng cách giữa các kí tự là 2 pixels.

Gợi ý trả lời

(trang 144 sách ict, trang 111 sách cs)

Em hãy định kiểu độ trong suốt của nền là 0.3 và quan sát kết quả.

Gợi ý trả lời

Định kiểu độ trong suốt của nền là 0.3:

Nếu có ảnh nền thì câu lệnh như bên dưới:

(trang 146 sách ict, trang 113 sách cs)

Theo em, thay đổi các giá trị nào của vùng đệm thì phần văn bản nằm sát cạnh dưới của đường viền?

Gợi ý trả lời

Theo em, giảm hoặc đặt padding-bottom = 0px thì phần văn bản nằm sát cạnh dưới của đường viền.

(trang 146 sách ict, trang 113 sách cs)

1. Em hãy kể tên một số thuộc tính dùng để định kiểu phông chữ, văn bản, nền, đường viền, lề và vùng đệm.
2. Thảo luận với bạn và nêu một số đơn vị có thể được dùng để định kiểu kích thước cho những thành phần trong trang web.
3. Theo em, có những cách mô tả màu sắc nào trong mã lệnh CSS?

Gợi ý trả lời

1. Một số thuộc tính dùng để định kiểu phông chữ, văn bản, nền, đường viền, lề và vùng đệm:

2. Một số đơn vị có thể được dùng để định kiểu kích thước cho những thành phần trong trang web.
- px (pixel): đơn vị phổ biến nhất.
- pt (point): dùng trong in ấn.
- %: phần trăm so với thành phần chứa nó.
- em, rem: liên quan đến cỡ chữ mặc định.
3. Những cách mô tả màu sắc trong mã lệnh CSS:
- Tên màu: red, blue, green,...
- Mã hex: #FF0000, #00FF00
- RGB: rgb(255, 0, 0)
- RGBA (có độ trong suốt): rgba(255, 0, 0, 0.5)
- HSL: hsl(0, 100%, 50%)

(trang 148+149 sách ict, trang 115+116 sách cs)

1. Em hãy định kiểu cho các thông tin cá nhân bằng phông chữ Georgia, họ tên có kích thước 24 pt, các thông tin còn lại có kích thước 20 pt.
2. Thực hiện tăng hoặc giảm tuỳ ý độ trong suốt của ảnh nền ở mục Giới thiệu chung để được kết quả như Hình 9.

3. Đối với mỗi ảnh trong mục Nội dung yêu thích, hãy định kiểu bo tròn 4 góc của ảnh để được kết quả như Hình 10.
4. Em hãy tìm hiểu thêm những thuộc tính và giá trị khác có thể dùng để định kiểu cho những thành phần web trong bài học.

Gợi ý trả lời

1. Định kiểu cho các thông tin cá nhân:

2. Thay đổi độ trong suốt của ảnh nền ở mục Giới thiệu chung:

3. Định kiểu ảnh bo tròn 4 góc:

4. Những thuộc tính và giá trị khác có thể dùng để định kiểu cho những thành phần web trong bài học:
- box-shadow: tạo bóng cho phần tử.
- transition: tạo hiệu ứng chuyển động mượt.
- text-shadow: tạo bóng cho chữ.
- display, position, z-index: điều khiển bố cục.
- overflow, visibility, cursor: điều khiển hành vi phần tử.

---The end!---

CÙNG CHUYÊN MỤC:

CHỦ ĐỀ A. MÁY TÍNH VÀ XÃ HỘI TRI THỨC

Bài A1. Giới thiệu Trí tuệ nhân tạo
Bài A2. Trí tuệ nhân tạo và cuộc sống
Bài A3(ict). Thực hành kết nối thiết bị số với máy tính
Bài A4(ict). Thực hành kết nối thiết bị số với máy tính (tiếp theo)

CHỦ ĐỀ B. MẠNG MÁY TÍNH VÀ INTERNET

Bài B1. Thiết bị và giao thức mạng
Bài B2. Các chức năng mạng của hệ điều hành
Bài B3. Thực hành kết nối và sử dụng mạng trên thiết bị thông minh
Bài B4(cs). Vai trò của các thiết bị mạng
Bài B5(cs). Đường truyền hữu tuyến và vô tuyến
Bài B6(cs). Thiết kế mạng nội bộ
Bài B7(cs). Thực hành thiết kế mạng nội bộ

CHỦ ĐỀ D. ĐẠO ĐỨC, PHÁP LUẬT VÀ VĂN HÓA TRONG MÔI TRƯỜNG SỐ

Bài D1. Giao tiếp trong không gian mạng
Bài D2. Giữ gìn tính nhân văn trong không gian mạng

CHỦ ĐỀ E. ỨNG DỤNG TIN HỌC

Bài E1(ict). Tạo trang web, thiết lập giao diện và xem trước trang web
Bài E2(ict). Tạo, hiệu chỉnh trang web và thiết kế thanh điều hướng
Bài E3(ict). Tạo văn bản, chèn hình ảnh và tạo chân trang
Bài E4(ict). Sử dụng Content Blocks, Buttun, Divider
Bài E5(ict). Nhúng mã và tạo băng chuyền hình ảnh
Bài E6(ict). Chèn YouTube, Calendar, Drive và Collapsible group
Bài E7(ict). Sử dụng Map, Form và các thiết lập trang web
Bài E8(ict). Hoàn thiện và xuất bản trang web

CHỦ ĐỀ F. GIẢI QUYẾT VẤN ĐỀ VỚI SỰ TRỢ GIÚP CỦA MÁY TÍNH