TAILIEUCHUNG - Làm rõ thuật ngữ (Id) và (Class) trong CSS

Cũng có khá nhiều bạn hỏi tôi về việc làm sao để phân biệt được id và class. Khi nào dùng id, khi nào dùng class trong HTML và CSS. Trong bài viết này tôi xin giải thích kỹ hơn về hai thuật ngữ này và cách dùng chúng trong quá trình viết mã HTML. | Làm rõ thuật ngữ Id và Class trong CSS Cũng có khá nhiều bạn hỏi tôi về việc làm sao để phân biệt được id và class. Khi nào dùng id khi nào dùng class trong HTML và CSS. Trong bài viết này tôi xin giải thích kỹ hơn về hai thuật ngữ này và cách dùng chúng trong quá trình viết mã HTML. 1. Id. Đầu tiên chúng ta sẽ đi tìm hiểu về thuật ngữ id Id là gì id hay là index chỉ số được dùng để xác định một đối tượng duy nhất nào đó. Do đó trong một trang HTML của bạn mỗi đối tượng chỉ có duy nhất một id nếu có 2 đối tượng trở lên có id giống nhau trong cùng một trang thì điều đó có nghĩa là trang đó của bạn không validate HTML. Id dùng khi nào . Do mỗi trang HTML mỗi đối tượng chỉ có thể có duy nhất một id chính vì vậy id được dùng cho những đối tượng nào mang tính duy nhất trong trang ví dụ khung viền wrapper menu chính main menu . . . Cách dùng id. div id mainwrapper Nội dung thông tin. div Trong file CSS chúng ta sẽ dùng dấu trước tên đối tượng mà chúng ta đặt là id 2. Class Bây giờ chúng ta tiếp tục đi tìm hiểu về thuật ngữ class và cách sử dụng chúng trong quá trình viết mã HTML. Class là gì class hay còn gọi là lớp dùng để chỉ một lớp các đối tượng có chung các thuộc tính. Các đối tượng trong cùng một class có tính thừa kế lẫn nhau chính vì vậy trong một trang HTML của bạn có thể có rất nhiều các đối tượng có thể thuộc một class nào đó. Ví dụ sau đây sẽ minh chứng cho các bạn về tính thừa kế v à việc định nghĩa nhiều đối tượng cùng thuộc một class nào đó. Giả sử rằng chúng ta có một trang HTML như sau html head head body div id wrapper div class info p Nội dung thông tin. p div div class author div class info p Nội dung thông tin 2. p div div div body html Giả sử răng chúng ta định nghĩa các thuộc tính của class info như sau

• Quản trị Web
• Javascript
• ASP
• NET
• Tin học đại cương
• giáo trình Tin học đại cương
• bài giảng Tin học đại cương
• tài liệu Tin học đại cương
• lý thuyết Tin học đại cương
• Làm quen với JavaScript
• Lịch sử JavaScript
• Mục đích của JavaScript và browser
• Chương trình JavaScript
• Vị trí mã JavaScript
• Sơ lược về mã JavaScript
• Bài giảng Javascript 1
• Giới thiệu Javascript
• Cách đưa Javascript vào trong HTML
• Kiểu dữ liệu trong Javascript
• Biến trong Javascript
• Từ khoá của Javascript
• Bài giảng Ngôn ngữ Javascript
• Ngôn ngữ Javascript
• Ngôn ngữ kịch bản
• Sử dụng ngôn ngữ Javascript
• Hướng dẫn sử dụng ngôn ngữ Javascript
• Cài đặt Javascript
• Bài giảng Lập trình ngôn ngữ JavaScript
• Lập trình ngôn ngữ JavaScript
• Nhúng JavaScript vào trang HTML
• Cú pháp ngôn ngữ JavaScript
• Giới thiệu về JavaScript
• Bài giảng Giới thiệu về JavaScript
• Hàm xây dựng sẵn trong JavaScript
• bài tập javascript
• tài liệu javascript
• javascript căn bản
• ngôn ngữ java
• lập trình javascript
• cơ bản javaScript
• tổng quan javaScript
• khai báo dữ liệu
• Beginning JavaScript
• JavaScript frameworks
• JavaScript and XML
• and the latest features
• guide to JavaScript builds
• Dreamweaver CS4
• Thiết kế web Dreamweaver CS4
• JavaScript objects
• JavaScript program
• Structuring JavaScript code
• JavaScript source file
• Kiểu dữ liệu
• Các toán tử trong Javascript
• Đối tượng trong Javascript
• Đối tượng document
• ác đối tượng trong javascrip
• Javascript Quick Reference
• biểu thức trong javascript
• nhập môn javascript
• biến trong javascri
• biểu diễn thông tin
• Javascript Quick
• Nhập môn JavaScript
• Nhập môn JavaScript phần 2
• Lập trình Java
• Tự học lập trình
• Lập trình hướng đối tượng
• Đối tượng trong JavaScript
• Từ khóa trong JavaScript
• Thiết kế Web
• Bài giảng Thiết kế Web
• Bài giảng JavaScript
• Chèn JavaScript vào HTML
• JavaScript trong trang Web
• Cú pháp của JavaScript
• Lập trình ứng dụng mạng
• Bài giảng Lập trình ứng dụng mạng
• Đặc điểm của Javascript
• Cấu trúc của đoạn JavaScript
• Bài giảng Lập trình viên mã nguồn mở
• Mã nguồn mở
• JavaScript cơ bản
• Tổng quan về JavaScript
• Hộp thoại cơ bản
• Sử dụng JavaScript trong trang HTML
• Ngôn ngữ lập trình JavaScript
• Bài giảng JavaScript Toán tử và câu lệnh
• Toán tử và câu lệnh
• Câu lệnh JavaScript
• Câu lệnh rẽ nhánh trong JavaScript
• căn bản javascript
• các hàm của java
• ngôn ngữ lập trình
• toán tử trong Javascript
• Chèn JavaScript
• lập trình HTML
• Secrets of the JavaScript Ninja
• JavaScript language
• CSS Selector Engine
• Cross browser code
• Function prototype JavaScript Ninja
• giáo trình lập trình
• thủ thuật lập trình
• thuật ngữ làm web
• javascript function
• Validating Forms
• DHTML
• JavaScript with Flash
• Dynamic HTML
• Web Applications with JavaScript
• các đối tượng trong javascrip
• Learning JavaScript
• 2nd Edition
• Shelley Powers
• Learn the JavaScript