Khóa học CSS

Đặt màu văn bản thành màu đỏ cho tất cả các phần tử “p”.

Chọn những đặc tính và phần tử phù hợp để điền vào chỗ trống.

Thay đổi màu của phần tử ‘div’ và ‘h2’ thành màu tím.

Thêm biểu định kiểu bên ngoài có URL: “mystyle.css”.

Đặt màu nền của phần tử ‘h1’ thành “lightblue”.

Đặt “paper.gif” làm hình nền của trang.

Làm cho hình nền chỉ lặp lại theo chiều dọc.

Chỉ định rằng hình nền sẽ được hiển thị một lần, ở góc trên cùng bên phải.

Sử dụng thuộc tính ‘border’ để đặt đường viền ‘4px’, ‘dotted’, ‘red’ cho phần tử ‘p’.

Sử dụng thuộc tính đường viền chính xác để đặt màu đường viền thành “đỏ”.

Sử dụng thuộc tính đường viền chính xác để đặt đường viền TRÁI thành “dotted”.

Sử dụng thuộc tính đường viền chính xác để thêm đường viền tròn cho các phần tử ‘p’.

Cung cấp cho phần tử ‘div’ một đường viền hình ảnh. Sử dụng phương pháp viết tắt thuộc tính để xác định chi tiết đường viền của hình ảnh.

Đường viền hình ảnh cần một giá trị ‘border-image-repeat’, hãy chèn một trong các giá trị phù hợp.

Thêm hai hình nền vào phần tử : img1.gif và img2.gif. Hãy chắc chắn rằng img2.gif được hiển thị bên trên img1.gif.

Đặt chiều rộng của hình nền thành 100px và chiều cao thành 80px.

Chèn giá trị màu RGBA để có màu nền đỏ hoàn toàn của phần tử “h1”, không có độ trong suốt.

Sử dụng màu sắc, độ bão hòa và độ sáng để đặt màu nền cho phần tử “h1”. Đặt màu sắc thành màu đỏ, độ bão hòa thành 100% và độ sáng thành 50%.

Đặt nền linear gradient cho phần tử “div”, đi từ trên xuống dưới, chuyển từ “trắng” sang “xanh”.

Đặt nền linear gradient cho phần tử “div”, đi từ trái sang phải.

Đặt nền linear gradient cho phần tử “div”, đi từ dưới lên trên.

Đặt nền Radial Gradient cho phần tử “div”, chuyển từ “trắng” sang “xanh”, theo hình tròn.

Đặt nền radial gradient cho phần tử “div”, chuyển từ “trắng” sang “xanh”.

Đặt bóng văn bản “2px” theo chiều ngang và “2px” theo chiều dọc cho phần tử “h1”.

Đặt bóng văn bản màu “green” theo chiều ngang “2px” và chiều dọc “2px” cho phần tử “h1” với bán kính mờ “5px”.

Ngoài bóng màu xanh lá cây, hãy thêm bóng màu đỏ với bóng ngang và dọc 3px và hiệu ứng làm mờ 10px.

Đặt bóng hộp “10px” theo chiều ngang và “10px” theo chiều dọc cho phần tử “div”.

Chỉ định rằng nội dung bị tràn cho phần tử “p” phải được báo hiệu bằng ellipsis (…).

Chỉ định rằng văn bản trong phần tử “p” sẽ được ngắt dòng, ngay cả khi văn bản đó cần được phân tách ở giữa một từ.

Thêm một quy tắc @font-face khác cho các ký tự in đậm của phông chữ “sansation”. Hãy sử dụng URL “sansation_bold.woff”.

Thêm phông chữ web có tên “sansation” và URL “sansation_light.woff”.

Sử dụng thuộc tính transform, hãy thay đổi chiều rộng của ‘div’ thành một nửa nhưng tăng gấp đôi chiều cao của nó.

Sử dụng thuộc tính transform, di chuyển phần tử ‘div’ sang phải 100px và xuống dưới 200px.

Sử dụng thuộc tính transform, xoay phần tử ‘div’ 45 độ.

Sử dụng thuộc tính transform, xoay phần tử ‘div’ 20 độ theo trục X và 30 độ theo trục Y.

Sử dụng thuộc tính transform, xoay phần tử ‘div’ 150 độ quanh trục X của nó.

Sử dụng thuộc tính transform, hãy xoay phần tử ‘div’ 120 độ quanh trục Y của nó.

Sử dụng thuộc tính transform, hãy xoay phần tử ‘div’ 90 độ quanh trục Z của nó.

Thêm hiệu ứng chuyển tiếp 2 giây để thay đổi chiều rộng của phần tử ‘div’.

Chỉ định quá trình chuyển đổi của phần tử ‘div’ phải có đường cong tốc độ ‘ease-in-out’

Thêm hoạt ảnh dài 2 giây cho phần tử ‘div’, thay đổi màu từ đỏ sang xanh. Đặt tên hoạt ảnh là “example”.

Thêm 5 bước vào hoạt ảnh (sử dụng 0%, 25%, 50%, 75% và 100%).