Css là gì?


CSS có tên đầy đủ là Cascading Style Sheets. Nó có tác dụng định dạng, trang trí, tùy chỉnh giao diện trên website. Những gì bạn thấy trên website: chữ màu xanh, màu đỏ… hoặc chữ to, chữ nhỏ.. hoặc đường viền, màu nền của trang web… đó chính là CSS. Như vậy, bạn có thể hiểu, CSS là 1 thành phần cấu tạo nên website. Người làm CSS được gọi là Front-end. Nghĩa là những gì đập vào mắt người dùng. Web đẹp hay web xấu chính là do ông CSS này. Bản chất của CSS là những dòng lệnh được gán vào website.

NỘI DUNG TRẮC NGHIỆM

Css là gì?

Nội dung bài viết gồm:

  • Học CSS có lâu không?
  • Môi trường cần để học CSS
  • Một số ví dụ
  • Học CSS như thế nào
  • Những bài học với CSS

1. Học CSS có lâu không?

Trước lúc học, các bạn cần kiên trì và chăm chỉ nhé. Nếu không thì cứ bỏ dở giữa chừng chẳng được cái tích sự gì đâu
Khoảng 2 ngày, đó là thời gian bạn học được CSS. Trên mạng có rất nhiều, hướng dẫn và bao la kiến thức CSS. Các bạn mà học theo, có khi cả đời cũng chưa hết. Từ đó rồi loạn lên. Các bạn mới chỉ nên học những thứ thường dùng nhất, được áp dụng nhiều nhất. Sau đó, khi trình lên lên các bạn tự học thoải mái.

2. Môi trường để học CSS

Môi trường hay còn gọi là phần mềm cần thiết cài vào máy tính. Để học CSS các bạn chỉ cần cài thêm phần mềm : sublime text là đủ. Notepad ++ rất nhỏ gọn, cài đặt nhah. Khoảng 2 phút là xong. Bạn có thể tải notepad ++ tại đây .
Ưu điểm của Notepad ++ là nó hỗ trợ CSS tối đa. Làm bạn code CSS nhanh hơn. Những từ đặc biệt được bôi màu.Từ đó, code CSS của bạn rất dễ nhìn. Tạo cảm giác cho bạn muốn học.

3. Một số ví dụ về CSS

CSS là để định dạng HTML. Nên để chạy CSS bạn cần có HTML để tác động.
Ví dụ 1 :

div {
    text-align: left;
    color: red;
}

Đây là code CSS dùng để tác động lên HTML của thẻ DIV
Vi dụ 2:

#content {
    border: 1px solid #222;
    font-zise: 13px;
}

Ví dụ 3:

.nd_left {
  font-family: arial;
}

Ví dụ đầy đủ gồm cả HTML

<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: powderblue;}
h1   {color: blue;}
p    {color: red;}
</style>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

Xem demo

4. Học CSS như thế nào

Có khoảng 100 dòng code CSS thường dùng. Lúc đầu, bạn chỉ cần nắm được cấu trúc, chứ không cần nhớ. Bản thân mình làm CSS lâu năm mà cũng không nhớ hết được. Hơn nữa, hầu hết các editor – cái dùng để viết code hiện nay đều hỗ trợ code css. Vì thế, khi bạn viết css, editor sẽ gợi ý lệnh css cho bạn chọn.
Bạn cứ làm đi làm lại nhiều lần vào. CSS là thành phần đơn giản của website. Nên hầu như ông nào làm web đều biết CSS. Nó khá dễ và học nhanh.

5. Những bài học với CSS

  • CSS là gì?
  • Cấu trúc viết code CSS
  • Học css Thuộc tính để tương tác với chữ - phần 1
  • Học css Thuộc tính để tương tác với chữ - phần 2
  • Học css Các thuộc tính thường dùng với khối
  • Học css Thuộc tính trang trí đường viền
  • Học css Các thuộc tính để xác định khoảng cách
  • Học css Các thuộc tính để xác định khoảng cách
  • Học css Các thuộc tính tương tác với hình nên
  • Học css Thuộc tính xác định vị trí của khối postion
  • Học css Thuộc tính xác định kiểu hiển thị
  • Học css - một số thuộc tính khác có thể dùng

Kết luận: Nếu đã quyết tâm học css, bạn hãy bắt tay ngay vào những bài tiếp theo. Nếu bạn quyết tâm, bạn sẽ học css rất nhanh. Chỉ khoảng 1 đến 2 ngày là bạn làm CSS ngon lành. Còn nếu bạn lười nhác thì next giùm mình. Khi viết bài, mình cố gắng đưa ra những ví dụ cụ thể, dễ hiểu nhất. Vì thế bạn cũng phải học CSS ngon lành nhé


Từ khóa tìm kiếm google:

học css, giới thiệu Css, học css như thế nào, học css bao lâu

Bài đăng mới

Bình luận