New FAMILUG

Friday, 31 May 2013

CSS mở đầu- 1 phần quan trọng bộ mặt của web

Yahoo! hôm nay vừa uống bia bị no cứng bụng ! liệu css có làm cho bụng mình nhỏ hơn thậm chí 6 múi ko nhỉ :)). câu trả lời là ko :))

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:
/*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ữ...

7 comments:

  1. rất mong Đồng in đậm lại những thành phần cần nhớ của bài post.

    Và 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

    ReplyDelete
    Replies
    1. 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ỏ

      Delete
  2. Bài mở đầu chưa có gì đâu :))tag tên gì khi bài viết đã có by....

    ReplyDelete
  3. Tớ thích cách viết
    Selector {
    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.

    ReplyDelete
    Replies
    1. 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

      Delete
    2. sao chỉ 1 cái :v là hiện hình mặt con pacman?

      Delete
    3. Chờ anh thần đồng sửa :v

      Delete