hovanban
Well-known member
Tự học CSS
Cascading Style Sheets ( viết tắt: CSS) là một công cụ tuyệt vời để trợ giúp công việc dàn trang, thiết kế web của bạn. Nó giúp bạn tiết kiệm nhiều thời gian và có thể nâng cao việc thiết kế trang web của bạn theo cách hoàn toàn mới. Có thể nói CSS là một môn bắt buộc nếu bạn muốn làm công việc thiết kế web.
Những bài học nhập môn với CSS chỉ chiếm chút ít thời gian của bạn. Các bài học rất dễ hiểu và sẽ giúp bạn học tất cả các kỹ thuật phức tạp.
Học CSS rất thú vị. Cùng với việc theo suốt tất cả các bài hướng dẫn, bạn nên dành thời gian để thực hành sau mỗi bài đã học.
Sử dụng CSS đòi hỏi những kiến thức cơ bản về HTML, nếu bạn chưa từng học qua HTML, chúng tôi khuyên bạn nên bắt đầu từ các bài học về HTML trước khi bắt đầu học CSS
Bạn cần những phần mềm nào?
Bạn không nên sử dụng các phần mềm như FrontPage, DreamWeaver hay Word trong thời gian học. Các phần mềm nâng cao sẽ không giúp bạn học CSS, thay vì đó, chúng sẽ giới hạn và làm chậm tiến trình tiếp thu của bạn.
Những gì bạn cần sẽ là một chương trình soạn thảo văn bản cơ bản như Notepad có sẳn trong Window, Pico của Linux hoặc Simple Text trên Macintosh.
Một phần mềm soạn thảo văn bản sơ khai sẽ là sự trợ giúp lý tưởng cho việc học HTML và CSS bởi vì nó sẽ không tự động thay đổi code bạn viết. Nhờ đó, việc viết đúng hoặc sai sẽ được quyết định do chính bạn chứ không phải phần mềm.
Bạn có thể sử dụng bất cứ trình duyệt nào trong bài học này. Chúng tôi khuyên bạn nên luôn cập nhật các phiên bản mới nhất của trình duyệt.
Một trình duyệt và một chương trình soạn thảo văn bản như Notepad là quá đủ để học CSS.
Cách áp dụng CSS vào tài liệu HTML
Có tất cả 3 cách để áp dụng CSS vào tài liệu HTML, tất cả sẽ được trình bày tiếp theo, tuy nhiên chúng tôi khuyến nghị bạn nên dùng cách thứ 3, lý do cũng sẽ được giải thích ở dưới đây.
Phương pháp 1: Kiểu nội tuyến / In-line (the attribute style)
Nếu bạn chọn cách này, để có kết quả tương tự như ví dụ ở trên, bạn sẽ phải làm như sau
<body style="background-color:#ff0000">
<h1>Trang này có nền màu đỏ</h1>
</body>
Phương pháp 2: Kiểu cục bộ / Internal (the tag style)
Đây cũng là một cách để áp dụng CSS vào trang HTML bằng cách sử dụng thẻ <style> trong đoạn <head>…</head> hoặc <body>…</body>
<head>
<title>Bài tậo CSS</title>
<style type="text/css"> body {background-color: #FF0000} </style>
</head>
Phương pháp 3: Ngoại tuyến, liên kết ngoài / External (link to a style sheet)
Đây cũng là cách phổ biến nhất được nhà thiết kế web sử dụng, trong suốt các bài hướng dẫn tiếp theo, chúng tôi khuyến khích bạn sử dụng phương pháp External. Lợi thế khi sử dụng phương pháp này đó là bạn có thể kiểm soát các kiểu trình bày hoặc bố cục dàn trang tất các văn bản HTML một cách thống nhất bằng cách thay đổi trên một trang CSS.
CSS liên kết ngoài thật chất là một tập tin văn bản (text) có phần mở rộng là .css, cũng như các tập tin khác, nó có thể được lưu trữ trên ổ cứng hoặc trên máy chủ tùy theo mục đích sử dụng của bạn.
CÔNG TY TNHH TƯ VẤN TRUYỀN THÔNG MINARA
ĐỊA CHỈ:
- 182 Trần Bình Trọng, P.3, Q.5, Tp.HCM
- 27 Đường số 16, Trung Tâm Hành Chính Dĩ An, Bình Dương.
Điện thoại: 097.777.1060
Email: info@minara.vn
Website: www.minara.vn
Cascading Style Sheets ( viết tắt: CSS) là một công cụ tuyệt vời để trợ giúp công việc dàn trang, thiết kế web của bạn. Nó giúp bạn tiết kiệm nhiều thời gian và có thể nâng cao việc thiết kế trang web của bạn theo cách hoàn toàn mới. Có thể nói CSS là một môn bắt buộc nếu bạn muốn làm công việc thiết kế web.
Những bài học nhập môn với CSS chỉ chiếm chút ít thời gian của bạn. Các bài học rất dễ hiểu và sẽ giúp bạn học tất cả các kỹ thuật phức tạp.
Học CSS rất thú vị. Cùng với việc theo suốt tất cả các bài hướng dẫn, bạn nên dành thời gian để thực hành sau mỗi bài đã học.
Sử dụng CSS đòi hỏi những kiến thức cơ bản về HTML, nếu bạn chưa từng học qua HTML, chúng tôi khuyên bạn nên bắt đầu từ các bài học về HTML trước khi bắt đầu học CSS
Bạn cần những phần mềm nào?
Bạn không nên sử dụng các phần mềm như FrontPage, DreamWeaver hay Word trong thời gian học. Các phần mềm nâng cao sẽ không giúp bạn học CSS, thay vì đó, chúng sẽ giới hạn và làm chậm tiến trình tiếp thu của bạn.
Những gì bạn cần sẽ là một chương trình soạn thảo văn bản cơ bản như Notepad có sẳn trong Window, Pico của Linux hoặc Simple Text trên Macintosh.
Một phần mềm soạn thảo văn bản sơ khai sẽ là sự trợ giúp lý tưởng cho việc học HTML và CSS bởi vì nó sẽ không tự động thay đổi code bạn viết. Nhờ đó, việc viết đúng hoặc sai sẽ được quyết định do chính bạn chứ không phải phần mềm.
Bạn có thể sử dụng bất cứ trình duyệt nào trong bài học này. Chúng tôi khuyên bạn nên luôn cập nhật các phiên bản mới nhất của trình duyệt.
Một trình duyệt và một chương trình soạn thảo văn bản như Notepad là quá đủ để học CSS.
Cách áp dụng CSS vào tài liệu HTML
Có tất cả 3 cách để áp dụng CSS vào tài liệu HTML, tất cả sẽ được trình bày tiếp theo, tuy nhiên chúng tôi khuyến nghị bạn nên dùng cách thứ 3, lý do cũng sẽ được giải thích ở dưới đây.
Phương pháp 1: Kiểu nội tuyến / In-line (the attribute style)
Nếu bạn chọn cách này, để có kết quả tương tự như ví dụ ở trên, bạn sẽ phải làm như sau
<body style="background-color:#ff0000">
<h1>Trang này có nền màu đỏ</h1>
</body>
Phương pháp 2: Kiểu cục bộ / Internal (the tag style)
Đây cũng là một cách để áp dụng CSS vào trang HTML bằng cách sử dụng thẻ <style> trong đoạn <head>…</head> hoặc <body>…</body>
<head>
<title>Bài tậo CSS</title>
<style type="text/css"> body {background-color: #FF0000} </style>
</head>
Phương pháp 3: Ngoại tuyến, liên kết ngoài / External (link to a style sheet)
Đây cũng là cách phổ biến nhất được nhà thiết kế web sử dụng, trong suốt các bài hướng dẫn tiếp theo, chúng tôi khuyến khích bạn sử dụng phương pháp External. Lợi thế khi sử dụng phương pháp này đó là bạn có thể kiểm soát các kiểu trình bày hoặc bố cục dàn trang tất các văn bản HTML một cách thống nhất bằng cách thay đổi trên một trang CSS.
CSS liên kết ngoài thật chất là một tập tin văn bản (text) có phần mở rộng là .css, cũng như các tập tin khác, nó có thể được lưu trữ trên ổ cứng hoặc trên máy chủ tùy theo mục đích sử dụng của bạn.
CÔNG TY TNHH TƯ VẤN TRUYỀN THÔNG MINARA
ĐỊA CHỈ:
- 182 Trần Bình Trọng, P.3, Q.5, Tp.HCM
- 27 Đường số 16, Trung Tâm Hành Chính Dĩ An, Bình Dương.
Điện thoại: 097.777.1060
Email: info@minara.vn
Website: www.minara.vn