TAILIEUCHUNG - CSS-Bài 2- Bộ chọn

| Bài 2. Bộ chọn trong CSS Để định dạng một website chúng ta cần xác định xem thành phần nào cần định dạng khi sơn nhà nếu yêu cầu sơn nhà tắm không thể chui vào nhà ăn để sơn được. Vì vậy chúng ta có khái niệm bộ chọn Tức là chọn thằng nào để định dạng . Cấu trúc như sau đối với CSS ngoài và CSS trong Bộ_chọn Thuộc_tính Giá_trị Đối với CSS nội tuyến tên_thẻ style thuộc_tính giá_trị thuộc_tính_2 giá_trị tên_thẻ Chúng ta sẽ làm quen 3 bộ chọn chính trong CSS Các bộ chọn khác tôi sẽ giới thiệu ở các bài sau 1. Bộ chọn thẻ Tức là chọn thẻ cần định dạng ở đây Bộ_chọn chính là tên thẻ HTML chúng ta định dạng. Ví dụ cần định dạng đoạn sau trong file p Đoạn chữ cần định dạng p Chúng ta làm như sau - Cách 1 CSS ngoài tạo 1 file ngang hàng file bên trên đừng quên đoạn code liên kết hướng dẫn ở phần nhé . Nội dung của file như sau Bộ_chọn chính là thẻ html cần định dạng ở đây là thẻ p thuộc tính giả sửa là định màu chữ nên thuộc tính là color giá trị là red màu đỏ . Như vậy áp dụng công thức bên trên ta có p color red - Cách 2 CSS trong ta chỉ việc thêm đoạn code định dạng trên vào cặp thẻ style style rồi cho vào cặp thẻ head head Bài 2. Bộ chọn trong CSS Minh họa http onerur 1 edit HTML D0CTYPE html html head meta charset utf-8 title ví dụ vẽ các bộ chọn trong css title Output Đoạn chừ nảy cân đinh dạng 3. Xem kết quả --CSS trong-- style p color red style 2. Định dạng theo công thức head body p Đoạn chữ này căn định dạng p body htmí 1. xác định thành phân cân định dạng Copyright 2012 Bài 2. Bộ chọn trong CSS 2. Bộ chọn lớp Trong css để định dạng các thành phần giống nhau chúng ta đặt các thẻ html thuộc tính class. Với các thẻ html có chung 1 giá trị class sẽ được định dạng như nhau. Giống như việc sơn 10 ngôi nhà ở khu chung cư A có tường màu xanh cửa màu đỏ thì chúng ta sẽ đặt thuộc tính class tên_lớp cho các ngôi nhà đó. Đối với bọ chọn lớp thì Bộ_chọn là .tên_lớp rồi tiếp tục thay vào công

• Thủ thuật máy tính