Skip to main content

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ữ...

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

Post a Comment

Popular posts from this blog

Tài liệu và hướng dẫn học Python

Để tiết kiệm thời gian, tốt nhất là đi học PyMI Updated: 130617 Sau đây là các tài liệu khuyên dùng: Vì nhiều lý do, nên học python2.7 tại thời điểm hiện tại (giờ là tháng 6/2013 - muốn biết tại sao thì tự tìm hiểu) python 3.5+ (giờ là tháng 2/2017) Chuẩn bị: 1. biết bật tắt máy 2. biết cài python 3. tập gõ 10 ngón - gõ 2 ngón hay 1 ngón cũng không sao, nhưng 10 ngón là cách dễ nhất để gõ nhanh nhất. Tài liệu - Nên dùng tài liệu tại trang chủ của Python làm chính, tham khảo thêm các tài liệu khác tại http://www.familug.org/2016/12/free-ebook.html Căn bản, mới học 1.1 Python PyMI.vn https://pymi.vn/tutorial/ 1.2. Python offical tutorial kết hợp làm bài tập trên HackerRank  (đề bài bằng tiếng Anh, nhưng Google translate 1 lúc cũng ra vì có nhiều ví dụ mẫu đi kèm). Học viên của Pymi.vn có rất nhiều học viên đã tự học với Learn Python the hard way nhưng chưa thấy ai thành công cả. Hai link dưới nên đọc sau khi đã nắm được những phần cơ bản của ngôn ngữ pytho...

The PyMiers

New FAMILUG