Định dạng bằng CSS

Định dạng CSS Đào Việt Cường Khoa CNTT-ĐHSP Hà Nội CSS  CSS=Cascading Style Sheet: Mẫu quy định cách thức thể thẻ HTML  Style đưa vào HTML 4.0 để giải số vấn đề  Giúp tiết kiệm nhiều thời gian công sức cho việc thiết kế web  Có thể định nghĩa nhiều style vào thẻ HTML (Cascading) Các loại style  Có loại style: – Inline Style (Style qui định thẻ HTML cụ thể) – Internal Style (Style qui định phần trang HTML ) – External Style (style qui định file CSS ngoài) – Browser Default (thiết lập mặc định trình duyệt)  Thứ tự ưu tiên: Mức ưu tiên giảm dần từ xuống Cách chèn CSS  Đặt …  Với Internal style: định nghĩa style > Cách chèn CSS (tt)  Với External style: – Định nghĩa style file riêng (thường có đuôi CSS) – Nhúng file CSS định nghĩa vào trang web: [...]... Một số trường hợp cụ thể CSS Basic 1 CSS Background 2 CSS Text 3 CSS Font 4 CSS Border 5 CSS Margin 6 CSS Padding 7 CSS List CSS Advanced 1 CSS Dimension 2 CSS Classification 3 CSS Positioning 4 CSS Pseudo-class 5 CSS Pseudo-element 6 CSS Media Types CSS cho nền CSS cho nền (tt) CSS và cho bản CSS và cho bản (tt) CSS và font CSS và font (tt) CSS và font (tt) CSS và font (tt) CSS và đường viền ... hiệu lực Tiêu đề màu xanh Định danh  Tương tự như class Thay dấu chấm (.) thành dấu thăng (#)  Cho thẻ cụ thể: tên_thẻ #định_ danh{…}  Tổng quát: #định_ danh{…}  Ví dụ: p#doan1{ color:red; } #loai2{ color:blue; } Sử dụng định danh  Mỗi định danh là duy nhất trên trang  Đặt thuộc tính id của thẻ = định_ danh  Ví dụ: Đoạn này màu đỏ ... CSS Background CSS Text CSS Font CSS Border CSS Margin CSS Padding CSS List CSS Advanced CSS Dimension CSS Classification CSS Positioning CSS Pseudo-class CSS Pseudo-element CSS Media Types CSS. .. Pseudo-class CSS Pseudo-element CSS Media Types CSS cho CSS cho (tt) CSS cho CSS cho (tt) CSS font CSS font (tt) CSS font (tt) CSS font (tt) CSS đường viền ... định danh  Mỗi định danh trang  Đặt thuộc tính id thẻ = định_ danh  Ví dụ:

Đoạn màu đỏ

Tiêu đề xanh Một số trường hợp cụ thể CSS