Bài giảng cung cấp cho người học các kiến thức: Các bộ chọn CSS – CSS Selectors, phần tử HTML, bộ chọn phần tử, bộ chọn Id, định dạng thẻ,. Hi vọng đây sẽ là một tài liệu hữu ích dành cho các bạn sinh viên đang theo học môn dùng làm tài liệu học tập và nghiên cứu. chi tiết nội dung tài liệu. | Bài 3: Các bộ chọn CSS – CSS Selectors BỞI PHAN TIẾN Các bộ chọn CSS Các bộ chọn của CSS cho phép bạn chọn và thực thi định dạng cho các phần tử HTML. Các bộ chọn của CSS thường được sử dụng để “tìm” (hoặc lựa chọn) các phần tử HTML dựa trên id, class, type, thuộc tính (attribute) . Bộ chọn phần tử – Element Selector Bộ chọn phần tử là tên của thẻ HTML được dùng để định nghĩa các định dạng cho thẻ đó. Bạn có thể chọn định dạng tất cả thẻ trên một trang ví dụ như thẻ này sẽ được căn lề vào giữa (center-aligned), với màu đỏ cho phần màu text). Người ta hay dùng bộ chọn này để định nghĩa các thẻ có cùng định dạng trên tất cả trang. Ví dụ p { text-align: center; color: red; } Sử dung dưới đây, các phần tử có sẽ có cùng định dạng: Every paragraph will be affected by the style. Me too! Bộ chọn Id – Id Selector Bộ chọn Id sử dụng thuộc tính Id của phần tử HTML để chọn phần tử đó. Một Id nên là duy nhất trong một trang. Với bộ chọn Id, bạn chỉ định dạng trên phần tử HTML duy nhất này. Để chọn một phần tử với một Id cụ thể, đặt tên bộ chọn trùng với tên của Id của thẻ cùng với dấu #. Quy luật định kiểu dưới đây được áp dụng cho phân tử HTML có id=”para1″: Ví dụ #para1 { text-align: center; color: red; } Sử dụng bộ chọn như sau: Hello World! Bộ chọn class – Class Selector Bộ chọn class chọn các phần tử HTML cụ thể dựa vào thuộc tính class. Bộ chọn class có thể đặt tên bất kỳ, theo sau dấu chấm. Trong ví dụ dưới, tất cả các phần tử HTML với class = “center” sẽ bị căn vào giữa: Ví dụ .center { text-align: center; color: red; } Sử dụng như sau: Red and center-aligned paragraph. Bạn cũng có thể chỉ rõ phần tử HTML cụ thể nào sẽ bị ảnh hưởng bởi riêng một bộ chọn class nào đó. Ví dụ dưới, tất cả các phần tử với class=”center” sẽ được căn giữa: Ví dụ { text-align: center; color: red; } Với ví dụ sử dụng bên dưới thì chỉ thẻ dùng được định dạng trên. This heading will | Bài 3: Các bộ chọn CSS – CSS Selectors BỞI PHAN TIẾN Các bộ chọn CSS Các bộ chọn của CSS cho phép bạn chọn và thực thi định dạng cho các phần tử HTML. Các bộ chọn của CSS thường được sử dụng để “tìm” (hoặc lựa chọn) các phần tử HTML dựa trên id, class, type, thuộc tính (attribute) . Bộ chọn phần tử – Element Selector Bộ chọn phần tử là tên của thẻ HTML được dùng để định nghĩa các định dạng cho thẻ đó. Bạn có thể chọn định dạng tất cả thẻ trên một trang ví dụ như thẻ này sẽ được căn lề vào giữa (center-aligned), với màu đỏ cho phần màu text). Người ta hay dùng bộ chọn này để định nghĩa các thẻ có cùng định dạng trên tất cả trang. Ví dụ p { text-align: center; color: red; } Sử dung dưới đây, các phần tử có sẽ có cùng định dạng: Every paragraph will be affected by the style. Me too! Bộ chọn Id – Id Selector Bộ chọn Id sử dụng thuộc tính Id của phần tử HTML để chọn phần tử đó. Một Id nên là duy nhất trong một trang. Với bộ chọn Id, bạn chỉ định dạng
