Muốn có wap đẹp cần cái này
Để tạo 1 CSS ta có 2 cách:
1. tạo file định dạng .css để chứa code css
2. dùng thẻ <style> để tạo css
VD:
Chú ý: Cách 1 ta có thẻ dùng cho toàn wapsite với 1 đoạn code đơn giản(nói sau). Cách hai sẽ phức tạp hơn nếu muốn áp dụng cho nhiều site(nói chung không chỉ xtgem).
*CSS có 3 loại thuộc tính quan trọng
1. Class của CSS: bắt đầu bằng dấu chấm "." và kí tự tiếp theo không được dùng số
VD:
2. ID của CSS: Bắt đầu bằng dấu # và kí tự đầu tiên tiếp theo không được viết bằng số.
VD:
3. Tag trong CSS: Trong HTML các bạn thường dùng các thẻ như <b> để in đậm text, <i> để in nghiêng text. Để CSS tác động vào nó ta sử dụng các tag tương tự: xem VD
VD: ta có đoạn code
Để css tác động lên nó ta viết
Vậy là ta đã làm cho tất cả chữ nằm trong thẻ <b> thành màu đỏ ntn: Hướng dẫn tạo wap
* Cách chèn CSS vào wap:
Xong Bài 1
Để tạo 1 CSS ta có 2 cách:
1. tạo file định dạng .css để chứa code css
2. dùng thẻ <style> để tạo css
VD:
<style>Nội dung CSS</style>
Copy Code
Chú ý: Cách 1 ta có thẻ dùng cho toàn wapsite với 1 đoạn code đơn giản(nói sau). Cách hai sẽ phức tạp hơn nếu muốn áp dụng cho nhiều site(nói chung không chỉ xtgem).
*CSS có 3 loại thuộc tính quan trọng
1. Class của CSS: bắt đầu bằng dấu chấm "." và kí tự tiếp theo không được dùng số
VD:
.dead {các thuộc tính} là đúng
Copy Code
.1dead {các thuộc tính} là sai
.12345 {các thuộc tính} là sai
Copy Code
2. ID của CSS: Bắt đầu bằng dấu # và kí tự đầu tiên tiếp theo không được viết bằng số.
VD:
#dead {các thuộc tính} là đúng
Copy Code
#1dead {các thuộc tính}
hoặc
#12345 {các thuộc tính} là sai
Copy Code
3. Tag trong CSS: Trong HTML các bạn thường dùng các thẻ như <b> để in đậm text, <i> để in nghiêng text. Để CSS tác động vào nó ta sử dụng các tag tương tự: xem VD
VD: ta có đoạn code
<b>Hướng dẫn tạo wap</b>
Copy Code
Để css tác động lên nó ta viết
b {text-color: red;}
Copy Code
Vậy là ta đã làm cho tất cả chữ nằm trong thẻ <b> thành màu đỏ ntn: Hướng dẫn tạo wap
* Cách chèn CSS vào wap:
<link type="text/css" rel="stylesheet" href="LINK CSS"/>
Copy Code
Xong Bài 1
Quét Virus: An toàn