1. Định dạng cho 1 tag trong toàn trang
a. Tên style:
- Giống tên của tag muốn định dạng
- Ví dụ: Muốn định dạng cho tag p, tạo style tên là p
b. Cách tạo
- Nhắp + trong panel CSS
- Choose a contextual selector type for CSS rule: chọn Tag
- Choose or enter a name for your selector: tên của style (TênTag )
- Choose where your rule will be defined: Chọn nơi đặt style
This document : Style đặt trong trang web hiện hành
New Style Sheet: Đặt style trong file CSS bên ngoài trang web hiện hành
- Chỉ định các thuộc tính cần định dạng (font, nền , border, kích thước,align…) rồi nhắp OK
2. Định dạng cho 1 đối tượng cụ thể có tên:
a. Tên style:
- #TênĐốiTượng (Là dấu # kèm với tên của đối tượng muốn định dạng)
b. Cách tạo
- Nhắp + trong CSS panel
- Choose a contextual selector type for CSS rule: chọn Advanced
- Choose or enter a name for your selector: đặt tên style (#TênĐốiTượng)
- Choose where your rule will be defined: Chọn nơi đặt style
This document : Style đặt trong trang web hiện hành
New Style Sheet: Đặt style trong file CSS bên ngoài trang web hiện hành
- Nhắp OK
- Chỉ định các thuộc tính cần định dạng (font, nền , border, kích thước,align…)
3. Định dạng cho 1 tag bên trong 1 đối tượng có tên:
a. Tên style:
- #TênĐốiTượng TênTag (Là #TênĐốiTượng kèm với tênTag muốn định dạng)
- Ví dụ: Muốn định dạng tag img trong đối tượng tên quangcao, tạo style là #quangcao img
- Nhắp + trong CSS panel
- Choose a contextual selector type for CSS rule: chọn Compound
- Choose or enter a name for your selector: đặt tên style (#TênĐốiTượng TênTag)
- Choose where your rule will be defined: Chọn nơi đặt style
This document : Style đặt trong trang web hiện hành
New Style Sheet: Đặt style trong file CSS bên ngoài trang web hiện hành
- Nhắp OK
- Chỉ định các thuộc tính cần định dạng (font, nền, border, kích thước,align…)
4. Class
a. Tên style
- .TênClass (Là “.” kèm với tênClass )
- Ví dụ: style tên .tieude
b. Cách tạo
- Nhắp + trong CSS panel
- Choose a contextual selector type for CSS rule: chọn Class
- Choose or enter a name for your selector: đặt tên style (.TênClass)
This document : Style đặt trong trang web hiện hành
New Style Sheet: Đặt style trong file CSS bên ngoài trang hiện hành
- Nhắp OK
- Chỉ định các thuộc tính cần định dạng (font, nền , border, kích thước,align…)
c. Set Class: nhắp phải tại tên tag (trên thanh Tag) Set Class chọn class
d. Bỏ set class: Nhắp phải chuột tại tên tag trên thanh Tag Set Class chọn None