Khai báo và áp dụng external CSS. Yêu cầu: Soạn văn bản HTML để tạo trang web

Sách bài tập Tin học 12 Bài 8: Làm quen với CSS - Cánh diều

Câu F147 trang 50 SBT Tin học 12: Khai báo và áp dụng external CSS.

Yêu cầu: Soạn văn bản HTML để tạo trang web và sử dụng tệp external CSS (style.cs”) để khi hiển thị trên màn hình trình duyệt web như Hình 2. Tiêu đề hi chữ có màu xanh, cỡ chữ 20 pixel, nền tô màu vàng. Đoạn văn có màu nền lightgrey, cỡ chữ 20 pixel, đường viền màu đỏ kiểu dashed.

Lời giải:

Hướng dẫn thực hiện:

Bước 1. Mở tệp “F146.html” và ghi lưu với tên tệp mới “F147bf. Bước 2. Tạo tệp “style.css” và lưu cùng thư mục chứa tập F17h. Bước 3. Soạn nội dung tệp “styles.css" và ghi hu

h1 {color:blue; font-size: 20px; background-color: yellow;}

p {background-color: lightgrey; font-size: 20px; border-style: dashed border-color: red;}

Bước 4. Mở tệp “F147.html”, bổ sung khai báo liên kết đến tệp “style.css” trong phần tử head.

<link rel="stylesheet" href="style.css">

Bước 5. Chọn File\Save, ghi lưu tệp.

Bước 6. Mở tệp bằng trình duyệt web và xem kết quả.

Lời giải SBT Tin 12 Bài 8: Làm quen với CSS hay khác:

• Câu F123 trang 46 SBT Tin học 12: Phần tử nào sau đây được dùng để khai bảo internal CSS?....

• Câu F124 trang 46 SBT Tin học 12: Khai báo nào sau đây được dùng để áp dụng các định dạng CSS được khai báo trong tệp “main.css’....

• Câu F125 trang 46 SBT Tin học 12: Khai báo định dạng nào sau đây đúng cú pháp? A. p{color: red, font-size: 15px;}....

• Câu F126 trang 46 SBT Tin học 12: Khai báo định dạng nào sau đây đúng cú pháp? A. h2:color=red, font-size: 20px....

• Câu F127 trang 46 SBT Tin học 12: Khai báo định dạng nào sau đây đúng cú pháp? A. h4 {background-color: yellow;}....

• Câu F128 trang 46 SBT Tin học 12: Khai báo định dạng nào sau đây đúng cú pháp? A. {hl font-size:bold;}....

• Câu F129 trang 47 SBT Tin học 12: Khai báo định dạng nào sau đây đúng cú pháp? A. p{}color: redfont-weight: bold....

• Câu F130 trang 47 SBT Tin học 12: Có bao nhiêu lỗi cú pháp khai báo CSS trong tệp “default.css” sau?....

• Câu F131 trang 47 SBT Tin học 12: Cho khai báo CSS sau: Định dạng phần tử h1 như thế nào khi hiển thị trên màn hình trình duyệt web? ....

• Câu F132 trang 48 SBT Tin học 12: Khai báo CSS nào sau đây sẽ thiết lập siêu liên kết chữ có màu đỏ, cỡ chữ 15 pixel?....

• Câu F133 trang 48 SBT Tin học 12: Khai báo CSS nào sau đây sẽ thiết lập các phần tử h4, h5 cùng sử dụng chung định dạng?....

• Câu F134 trang 48 SBT Tin học 12: Mỗi phát biểu sau đây về CSS là đúng hay sai? a) Tên bộ chọn phần tử trùng với tên của phần tử....

• Câu F135 trang 48 SBT Tin học 12: Mỗi phát biểu sau đây về CSS là đúng hay sai? Thuộc tính CSS border-color chỉ được áp dụng khi thuộc tính border- style được khai báo.....

• Câu F136 trang 48 SBT Tin học 12: Mỗi khai báo CSS sau là đúng hay sai cú pháp? a) h2 h3 {margin: 20px; color: grey;}....

• Câu F137 trang 49 SBT Tin học 12: Mỗi khai báo CSS sau là đúng hay sai cú pháp? ....

• Câu F138 trang 49 SBT Tin học 12: Mỗi phát biểu sau đây về CSS là đúng hay sai? Các quy tắc định dạng có thể được ghi lưu dưới dạng tệp có phần mở rộng *.css ....

• Câu F139 trang 49 SBT Tin học 12: Thuộc tính CSS nào được dùng để thiết lập màu chữ?....

• Câu F140 trang 49 SBT Tin học 12: Thuộc tính CSS nào được dùng để thiết lập màu nền?...

• Câu F141 trang 49 SBT Tin học 12: Thuộc tính CSS nào được dùng để thiết lập phông chữ?....

• Câu F142 trang 49 SBT Tin học 12: Cho các cụm từ sau: “đường viền màu đen nét liền mảnh”, “đường viền màu đen nét liền đậm”, ...

• Câu F143 trang 49 SBT Tin học 12: Em hãy tìm hiểu và cho biết tác dụng của thuộc tính CSS border-style. ....

• Câu F144 trang 49 SBT Tin học 12: Sử dụng thuộc tính CSS border để viết khai báo thiết lập định dạng đường viền cho phần tử p ....

• Câu F145 trang 49 SBT Tin học 12: Khai báo CSS sử dụng bộ chọn phần tử.Yêu cầu: Soạn các khai báo định dạng sau:....

• Câu F146 trang 50 SBT Tin học 12: Khai báo và áp dụng internal CSS. Yêu cầu: Soạn văn bản HTML và sử dụng internal CSS là các khai báo định dạng đã soạn ở bài F145 ....

Xem thêm các bài giải sách bài tập Tin học lớp 12 Cánh diều hay, chi tiết khác:

• SBT Tin học 12 Bài 9: Thực hành định dạng một số thuộc tính CSS

• SBT Tin học 12 Bài 10: Bộ chọn lớp, bộ chọn định danh

• SBT Tin học 12 Bài 11: Mô hình hộp, bố cục trang web

• SBT Tin học 12 Bài 12: Dự án nhỏ: Tạo trang web báo tường

• SBT Tin học 12 Bài 1: Giới thiệu nhóm nghề Dịch vụ và Quản trị trong ngành Công nghệ thông tin

Xem thêm các tài liệu học tốt lớp 12 hay khác:

• Giải sgk Tin học 12 Cánh diều
• Giải Chuyên đề Tin học 12 Cánh diều
• Giải SBT Tin học 12 Cánh diều
• Giải lớp 12 Cánh diều (các môn học)
• Giải lớp 12 Kết nối tri thức (các môn học)
• Giải lớp 12 Chân trời sáng tạo (các môn học)

---