Bài giảng lập trình web cascading style sheet trần phước tuấn

Phân loại và sử dụng 4.. Giới thiệu§ CSS = Cascading Style Sheet § Dùng để mô tả cách hiển thị các thành phần trên trang WEB § Sử dụng tương tự như dạng TEMPLATE § Có thể sử dụng lại cho

Cascading Style Sheet

Trần Phước Tuấn

tranphuoctuan.khoatoan.dhsp@gmail.com

Nội dung

1 Giới thiệu

2 Định nghĩa style

3 Phân loại và sử dụng

4 Selector trong CSS

1 Giới thiệu

§ CSS = Cascading Style Sheet

§ Dùng để mô tả cách hiển thị các thành phần trên trang WEB

§ Sử dụng tương tự như dạng TEMPLATE

§ Có thể sử dụng lại cho các trang web khác

§ Có thể thay đổi thuộc tính từng trang hoặc

cả site nhanh chóng (cascading)

2 Định nghĩa Style

<tag style=

“ property1 :value1;

property2 :value2;

………

propertyN :valueN; ”

>

…

</tag>

.SelectorName {

property1 :value1;

property2 :value2;

………

propertyN :valueN;

}

<tag class=“SelectorName”>

…

</tag>

Cú pháp ghi chú: /* … */ SelectorName{ property1: value1 ;/* Ghichu1 */

2 Định nghĩa Style

Ví dụ

3 Phân loại và sử dụng

1 Inline Style Sheet

Style định nghĩa trong tag

2 Embedding Style Sheet

Style định nghĩa trong tag <style>

3 External Style Sheet

Style định nghĩa trong file *.css

3 Phân loại và sử dụng

External Style Sheet

3 Phân loại và sử dụng

External Style Sheet

3 Phân loại và cách sử dụng

3 Phân loại và cách sử dụng

1 Inline Style Sheet

2 Embedding Style Sheet

3 External Style Sheet

4 Browser Default

Độ Ưu Tiên Giảm Dần

4 Selector trong CSS

Các loại Selector

4 Selector trong CSS

Các loại Selector

a:active { color: green; }

4.1 CSS - ELEMENT

4.1 CSS - ID

4.1 CSS - CLASS

4.1 CSS – ELEMENT_CLASS

4.1 CSS – CONTEXTUAL

4.1 CSS – Pseudo Class

4.1 CSS – Pseudo Element

4.1 CSS – Pseudo Element