CSS Là gì ????
Tại sao phải dùng css ?
Câu hỏi khá thú vị nhỉ chà chà…
Hãy cùng nhau tìm ra câu trả lời nào..
CSS là mã bạn sử dụng để tạo kiểu cho trang web hay có thể tưởng tượng HTML là một con manocanh và css là những bộ quần áo mà bạn khoác lên người nó ừ hứ dễ hiểu nhỉ..
CSS cho phép chúng ta áp dụng kiểu có chọn lọc cho các phần tử trong HTML
Nếu bạn chưa nắm chắc được thì hãy thử làm một bài test về css đơn giản nhé:
-
Câu 1: Thuộc tính nào sử dụng để tạo khoảng cách giữa các phần tử?
-
margin
-
spacing
-
padding
-
border
-
-
Câu 2: Thuộc tính nào sử dụng để tạo khoảng cách giữa border và nội dung bên trong phần tử?
-
margin
-
spacing
-
padding
-
border
-
-
Câu 3: Thuộc tính nào sử dụng để tạo khoảng cách giữa các dòng văn bản?
-
line-spacing
-
line-height
-
spacing
-
letter-spacing
-
-
Câu 4: Làm thế nào có thể định dạng các phần tử nằm trên cùng một hàng?
-
display:left;
-
display:inline;
-
display:horizontal;
-
Không có đáp án đúng
-
-
Câu 5: Nếu muốn tạo một footer thú vị gắn vào dưới cùng của cửa sổ người dùng (không chỉ ở dưới cùng của trang), bạn sẽ sử dụng hai thuộc tính nào?
-
position và bottom
-
display và float
-
position và float
-
display và bottom
-
-
Câu 6: Thuộc tính nào là cần thiết để cài đặt một hình ảnh trong background?
-
image
-
background-image
-
background:image
-
image:background
-
-
Câu 7: Thuộc tính CSS hợp lệ sử dụng để đặt một phần tử ở phía phải bên trong vùng chứa của nó là gì?
-
display:right;
-
float-right:0px;
-
display-right:0px;
-
float:right;
-
-
Câu 8: Trong một bảng, làm thể nào để có màu nền các hàng xen kẽ nhau?
-
tr:even{background-color:#CCC;}
-
td:even{background-color:#CCC;}
-
td:nth-child(even){background-color:#CCC;}
-
tr:nth-child(even){background-color:#CCC;}
-
-
Câu 9: Thuộc tính nào bạn sẽ sử dụng để thay đổi kích thước đường viền của phần tử?
-
border-size:5px;
-
border:width:5px;
-
border-width:5px;
-
border:size:5px;
-
-
Câu 10: Thuộc tính nào sử dụng để thay đổi kiểu danh sách hiển thị thành chữ số La Mã thay vì số bình thường?
-
list-style-type:upper-roman;
-
list-type:roman;
-
list-bullet-type:roman-numerals;
-
list-style:roman;
-
Hãy thử trả lời hết các câu hỏi trên nhé..
Và tôi báo cho bạn một tin vui css không phải chỉ để trang trí đâu nhé tại phiên bản css6 bạn hoàn toàn có thể tạo ra các chuyển động cũng như tạo ra những trò chơi đơn giản nhưng lại cực kỳ chất lượng đấy nhé.
Dưới đây là một video hướng dẫn tạo ra game chỉ bằng css.
Nếu bạn có ý tưởng gì về css hay hơn thì nhớ chia sẻ cho tôi nhé ^^
