CSS: cái này là viết tắt của C Style S. hề có chữ Style là liên quan tới làm đẹp rồi. Vâng Sản phẩm gì cũng qua bộ phận làm đẹp cả người mẫu bôi son chát phân, gia công thì mài nhẵn, nhám... Và CSS ở đây là stylist cho trang web của các bạn.
Về cơ bản thì HTML cũng đã những thẻ lệnh để làm đẹp cho trang web, Nhưng nếu chỉ dừng lại ở HTML(mình ko biết HTML5 thế nào) thì trang web của bạn ko đạt tới đc độ đẹp được. Và có css thì trang web của bạn sẽ hiển thị tốt trên đa nền: PC,mobile ... trên các os miễn là có trình duyệt.Ngày nay css phát triển>> cho nhiều các trình bày trang web phức tạp.
Để code CSS bạn cần gì: Kiến thức HTML đương nhiên chúng ta sẽ chỉnh từng thẻ lênh , từng khối thẻ của HTML, 1 trình duyệt mới, 1 text editor, và thời gian để thực hành nữa.
Cú pháp cơ bản của CSS :
Selector{property:value;}trong đó
- Selector: là các thẻ tag HTML, id, class...
- property: là các thuộc tính trình bày màu nền, màu chữ, khoảng cách, vị trí.... và được gán 1 giá trị nào đó
Chú thích trong CSS có dạng như sau:
Sau đây là 1 ví dụ:
/*chú thích abc abc */
Sau đây là 1 ví dụ:
body { background:#FFF; color:#FF0000; font-size:14pt }tác động lên toàn khối body trang web màu nền #FFF, màu chữ, cỡ chữ...
rất mong Đồng in đậm lại những thành phần cần nhớ của bài post.
ReplyDeleteVà mọi người chú ý thêm là tag thêm nhãn là tên của mình vào để sau này còn tiện tổng hợp chứ nhỉ :D
khi viết bài đề nghị không tag tên vì như thế tên HVN sẽ lúc nào cũng trên top => bỏ
DeleteBài mở đầu chưa có gì đâu :))tag tên gì khi bài viết đã có by....
ReplyDeleteTớ thích cách viết
ReplyDeleteSelector {
property:value;
property:value;
property:value;
}
Hơn, vì trong quá trình làm trang nó vừa dễ đọc, vừa dễ tìm + sửa. Ví dụ muốn dùng đến 10-15 cái property, thì viết liền rất khó nhìn.
Tớ thấy ng ta hay viết liền (nén lại) khi đã develop xong (để giảm dung lượng file), nó được lưu lại 1 file style.min.css chả hạn để người dùng cuối sử dụng, còn file để coder sửa vẫn là style.css . Sửa xong lại nén thành style.min.css.
Ban đầu tớ cũng định viết nhiều thuộc tính nhưng ko biết thế nào lạo thôi :D
Deletesao chỉ 1 cái :v là hiện hình mặt con pacman?
DeleteChờ anh thần đồng sửa :v
Delete