Css là gì?
Người đăng: Chiến Thần - Ngày: 05/01/2017
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 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>
This is a heading
This is a paragraph.
</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é