Cascading Style Sheets (CSS) Inline Styles

Một phần của tài liệu HỆ THỐNG WEB (Trang 92 - 93)

- reset: tạo nút thiết lập lại FORM và giá trị của các điều kiển trong FORM

Cascading Style Sheets (CSS) Inline Styles

Inline Styles

17

Inline style mất nhiều lợi điểm của CSS do pha trộn nội dung với hình thức thể hiện.

Inline style được áp dụng cho từng HTML element riêng lẻ.

Để sử dụng inline styles ta sử dung thuộc tính style của thẻ. Thuộc tính style có thể chứa bất kỳ tính chất CSS.

<pstyle="color: sienna; margin-left: 20px"> abcdef

</p>

30/08/2011Hệ thống web - Giới thiệu DHTML Hệ thống web - Giới thiệu DHTML

Cascading Style Sheets (CSS)

Multiple Style Sheets

18

Nếu một vài thuộc tính được thiết lập cho cùng

selector trong nhiều style sheet khác nhau, giá trị sẽ được thừa kế từ nhiều style sheet. Ví dụ, một external style sheet định nghĩa

tính chất của h3selector như sau:

h3 {

color: red;

text-align: left;

font-size: 8pt

Cascading Style Sheets (CSS)

Multiple Style Sheets (tiếp theo)

19

và một internal style sheet cũng định nghĩa tính chất của h3selector như sau:

h3 {

text-align: right;

font-size: 20pt

}

nếu trang web có internal style sheet này đồng thời liên kết đến external style sheet trên thì tính chất của h3selector sẽ là:

color: red;

text-align: right;

font-size: 20pt

30/08/2011Hệ thống web - Giới thiệu DHTML Hệ thống web - Giới thiệu DHTML

Cascading Style Sheets (CSS)

CSS Text

20

<html><head> <styletype="text/css">

h1 {color: #00ff00} h2 {color: #dda0dd} p {color: rgb(0,0,255)} </style> </head> <body> <h1> header 1 </h1> <h2> header 2 </h2> <p> paragraph </p> </body></html> 30/08/2011 Hệ thống web - Giới thiệu DHTML

Cascading Style Sheets (CSS)

Một phần của tài liệu HỆ THỐNG WEB (Trang 92 - 93)