Bài viết này sẽ viết về những điều bạn cần biết trước khi bắt đầu học CSS.
1. Sự ra đời của CSS
HTML không chú trọng vào việc sử dụng các thẻ để định dạng trang web.
HTML được tạo ra để mô tả nội dung của một trang web, như:
<h1>Đây là tiêu đề</h1>
<p>Đây là một đoạn văn bản.</p>
Khi các thẻ như <font> và các thuộc tính màu được thêm vào HTML 3.2, nó bắt đầu một cơn ác mộng cho các nhà phát triển web. Khi lập trình những website lớn, thẻ font và các thuộc tính màu sắc được sử dụng ở mỗi trang dẫn đến việc xây dựng một website lớn trở thành quy trình dài và tốn kém. Để các bạn dễ hiểu tôi sẽ ví dụ như sau giả sử bạn đã xây dựng được 100 trang trên website của bạn. Bây giờ tự nhiên bạn muốn đổi màu của tiêu đề hay màu của đoạn văn bản thì bạn phải làm sao tất nhiên là phải ngồi sửa lại cả 100 trang đó thì nó sẽ tốn biết bao nhiêu là thời gian và công sức.
Để giải quyết vấn đề này, World Wide Web Consortium (W3C) đã tạo ra CSS và tất nhiên nhiệm vụ của CSS là trang trí các thành phần nội dung trên website.
Từ HTML 4.0 trở về sau, tất cả các thẻ định dạng sẽ được bỏ khỏi trang HTML và phần trang trí sẽ do CSS đảm nhiệm.
2. CSS là gì?
– CSS là viết tắt của Cascading Style Sheets
– CSS quy định cách các thành phần HTML sẽ hiển thị. Bạn có thể hiểu đơn giản rằng, nếu HTML đóng vai trò định dạng các phần tử trên website như việc tạo ra các đoạn văn bản, các tiêu đề, bảng …thì CSS sẽ giúp chúng ta trang trí các phần tử HTML đó như đổi màu sắc trang, đổi màu chữ, thay đổi cấu trúc …
– CSS giúp bạn tiết kiệm rất nhiều công sức. Bởi vì nó có thể kiểm soát bố cục của nhiều trang web cùng một lúc
– CSS được lưu thành tập tin với phần mở rộng là .css
3. Tại sao dùng CSS?
– Bố trí kiểm soát nhiều tài liệu theo một phong cách đồng nhất.
– Kiểm soát bố cục dàn trang chính xác hơn
– Áp dụng để kiểm soát các cách dàn trang hiển thị phù hợp trên từng thiết bị ngoại vi xác định như màn hình, in ấn …
– Như ví dụ ở mục 1 thay vì bạn ngồi sửa lại cho 100 trang thì bây giờ bạn chỉ cần sửa lại một file (với đuôi .css) duy nhất.
4. Bạn cần những phần mềm nào để học CSS?
Những gì bạn cần sẽ là một chương trình soạn thảo văn bản đơn giản như Notepad có sẳn trong Window, Pico của Linux hoặc Simple Text trên Macintosh.
Nếu bạn là người mới bắt đầu học CSS thì bạn không nên sử dụng các phần mềm chẳng hạn như DreamWeaver 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, không những thế chúng sẽ giới hạn và làm chậm tiến trình tiếp thu của bạn.
Một phần mềm soạn thảo văn bản đơn giản sẽ là sự trợ giúp lý tưởng cho việc học 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.
Kết luận: Một trình duyệt chẳng hạn như Google Chrome và một chương trình soạn thảo văn bản đơn giản như Notepad là quá đủ để học CSS.
Lời khuyên: Các bạn hãy dùng các công cụ soạn thảo code trực tuyến để học và làm các bài tập. Các bạn nên xem lại bài viết Các công cụ soạn thảo code trực tuyến trong series học HTML của tôi.
5. Lời cuối bài
Đến đây là kết thúc bài viết về những điều cần biết trước khi học CSS. Ở bài viết sau tôi sẽ viết về Các khái niệm và cách sử dụng CSS.
The post [CSS bài 2] Những điều cần biết trước khi học CSS appeared first on Học online.
from WordPress http://ift.tt/2vO0ywZ
via IFTTT
Không có nhận xét nào:
Đăng nhận xét