Css là gì? Người đăng: Chiến Thần Ngày: 05012017 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à Frontend. 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. 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 { textalign: 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; fontzise: 13px; } Ví dụ 3: .nd_left { fontfamily: arial; } Ví dụ đầy đủ gồm cả HTML body {backgroundcolor: powderblue;} h1 {color: blue;} p {color: red;} This is a heading
This is a paragraph.
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é
Trang 1Css 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
Trang 2họ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>
Trang 3</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é