Giới thiệu CSS

Phần các bài học này sẽ mang tới cho bạn một số kiến thức khác để tạo cho Website có thêm một phong cách hay một kiểu cách thống nhất mà bạn không phải mất nhiều thời gian và công sức để chỉnh sửa trên nhiều trang Web của bạn.



Kiến thức tiên quyết Trước khi tập trung nghiên cứu về CSS bạn cần nắm vững các kiến thức về: WWW, HTML và các khái niệm cơ bản về xây dựng Website.
Thỏa thuận với người đọc Để cho bạn không hiểu lầm một số từ ngữ chuyên môn, vì thế chúng tôi sẽ giữ nguyên bản các cụm từ thuật ngữ tiếng Anh(
Ví dụ: HTML, Style Sheet, Head, p,...) những cụm từ này sẽ có giải thích ý nghĩa ngay khi bạn đọc chúng lần đầu tiên trong tài liệu này.
CSS là gì?
CSS thay thế cho một cụm từ tiếng Anh là "Cascading Style Sheet"
Styles định nghĩa cách các thành phần HTML hiển thị như thế nào.
Các Styles thông thường được lưu trữ trong một Style Sheets
Các Style đã được đã được thêm vào từ công bố HTML bản 4.0
Có ba cách chèn Style: 1.External Style Sheets 2.Internal Style Sheets và 3.Inline Style những giải thích về các loại này ở dưới.
External Style Sheets có thể tiết kiệm được nhiều thời gian cho công việc của bạn.
External Style Sheets được lưu trong những tệp có phần mở rộng là CSS.
Nhiều định nghĩa Style trong một tệp thì được gọi là Cascade(xếp lớp) Style Sheet.


Mô phỏng CSS Với CSS, văn bản HTML của bạn có thể được hiển thị với rất nhiều kiểu dáng khác nhau. Mời bạn xem bài ....Các bài mô phỏng CSS.
Style giải quyết những vấn đề chung
Thẻ HTML khởi đầu được thiết kế để định nghĩa nội dung của một văn bản. Chúng được hỗ trợ để mô tả cho trinh duyệt hiểu và thể hiện ý nghĩa như "Đây là một Dòng đầu trang", "Đây là một đoạn", "Đây là một bảng",... bằng cách sử dụng những thẻ như

,

,

v.v..Việc phác thảo văn bản được hỗ trợ bởi trình duyệt mà không có bất cứ một thẻ định dạng nào.
Với hai trình duyệt chính là Netscape và Internet Explorer tiếp đưa thêm những thẻ HTML mới và những thuộc tính(giống như thẻ và các thuộc tính giống như màu sắc) cho chỉ định HTML ban đầu thì việc tạo ra các Website càng khó khăn hơn, nơi mà nội dung của văn bản HTML ngày càng phân chia đối với thể hiện của giao diện trang.
Để giải quyết vấn đề này, W3C đã tạo ra STYLES thêm vào HTML 4.0 Cả hai trình duyệt Netscape 4.0 và IE 4.0 đều hỗ trợ các CSS.

Style Sheet có thể tiết kiệm rất nhiều công sức làm việc của bạn
Các Style trong HTML 4.0 định nghĩa các thành phần HTML hiển thị như thế nào, giống như thuộc tính của thẻ font và color trong HTML 3.2. Các Style thông thường được lưu trong những file bên ngoài của văn bản HTML. "External style sheets" hay Style Sheet Ngoài cho phép bạn thay đổi dáng vẻ bên ngoài của các trang Web chỉ với việc soạn thảo một tệp CSS đơn lẻ. Nếu như bạn thử thay đổi phông chữ và màu sắc cho các dòng tiêu đề cho một văn bản dài trong trang Web của bạn, bạn sẽ hiểu CSS có thể tiết kiệm công sức của bạn như thế nào.
CSS là một sợi chỉ xuyên suốt trong thiết kế Web bởi vì nó cho phép người phát triển kiểm soát kiểu cách và sự sắp đặt của nhiều trang một lần. Để tạo ra sự thay đổi mang tính tổng thể, đơn giản là bạn chỉ cần thay đổi Style và tất cả các thành phần khác(mà nhận Style này) sẽ tự động cập nhật theo.


Nhiều Style có thể xếp lớp trong một Style Sheet cho phép thông tin được xác định theo rất nhiều cách. Các Style có thể được xác định bên trong một thành phần HTML đơn, bên trong thành phần của một trang HTML, hoặc trong một file CSS bên ngoài. Thậm chí nhiều Style Sheet bên ngoài có thể được tham chiếu trong một tài liệu HTML đơn.  
Thứ tự xếp lớp Style nào sẽ được sử dụng khi có hơn một style được chỉ định cho một thành phần HTML? What style will be used when there is more than one style specified for an HTML element? Thông thường nói rằng chúng ta có thể phát biểu là tất cả các style sẽ "xếp chồng" vào trong một Style Sheet "ảo" mới bẳng những luật sau, nơi mà Style ở vị trí thứ tư có quyền ưu tiên cao nhất:
Theo mặc định của trình duyệt.
Style Sheet bên ngoài.
Style Sheet bên trong.(bên trong

 

↓   ↓

Gửi ý kiến

Bản quyền thuộc về Đỗ Văn Mười - https://www.facebook.com/do.v.muoi

Website được thừa kế từ Violet.vn, người quản trị: Đỗ Văn Mười