Bạn đã có một file CSS của bạn, bây giờ công việc tiếp
theo là làm thế nào để chèn những đoạn CSS của bạn
vào trong trang, Và xem chúng hoạt động như thế nào.
Trong phần này chúng ta sẽ đi tìm hiểu chi tiết về cách
chèn một đoạn style trong trang HTML hay liên kết tới
một file CSS viết sẵn.Khi trình duyệt đọc đến CSS, thì
toàn bộ Website sẽ được định dạng theo các thuộc tính
đã được khai báo trong phần CSS. Có ba cách cho phép
chúng ta chèn định dạng CSS vào trong Website.
1. CSS được khai báo trong file riêng.Toàn bộ mã CSS
được chứa trong file riêng có phần mở rộng .css là một
ý tưởng được dùng khi một file CSS sẽ được áp dụng
cho nhiều trang khác nhau. Bạn có thể thay đổi cách
hiển thị của toàn bộ site mà chỉ cần thay đổi một file
CSS. Trong cách này thì file CSS sẽ được chèn vào văn
bản HTML thông qua thẻ.... Ta có cú
pháp như sau:
Trình duyệt sẽ đọc toàn bộ các định dạng được quy
định trong file mystyle.css và định dạng cho văn bản
HTML.File CSS có thể được soạn thảo bằng một số trình
duyệt khác nhau. Trong file không được chứa mã
HTML, khi ghi lại chúng ta bắt buộc phải ghi lại với
phần mở rộng là .css. Giả sử chúng trong file
mystyle.css ở trên chứa đoạn mã sau:
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url("images/back40.gif")}
Không bao giờ sử dụng khoảng trắng trong nhãn, giả sử
rằng nếu bạn dùng margin-left: 20 px; thay cho
margin-left: 20px; thì IE6 sẽ hiểu còn các trình duyệt
như Firefox, Opera sẽ không hiểu. -CHÚ Ý :Cách này là thông dụng và nhiều người sử dụng
nhất.
Nếu bạn nào muốn sử dụng CSS của mình thì cứ dán
đoạn mã trên lên đầu wap ,web là được.
2. Chèn CSS trong tài liệu HTMLChèn thẳng CSs trong
tài liệu được áp dụng trong trường hợp những định
dạng CSS này chỉ giành riêng cho tài liệu HTML đó. Khi
bạn chèn trực tiếp thì đoạn mã của bạn phải đặt trong
thẻ
Có một số trình duyệt cũ sẽ không hiểu thẻ
3. Chèn trực tiếp vào thẻ của HTML(inline style)
Inline style được sử dụng nhiều trong trường hợp một
thẻ HTML nào đó cần có style riêng cho nó.Inline style
được áp dụng cho chính thẻ HTML đó, cách này sẽ có độ
ưu tiên lớn nhất so với hai cách trên. Dưới đây là một ví
dụ mà chúng ta dùng Inline style
This is a
paragraph
4. Nhiều Stylesheet
Trong trường hợp mà có một số thẻ có cùng định dạng,
chúng ta có thể gộp chúng lại với nhau. Giả sử như
sau:h1, h2, h3 {
margin-left: 10px; font-size: 150%; ...
}
Giống đoạn mã trên thì cả ba thẻ h1, h2, h3 đều có cùng 3 thuộc tính như trên.
*Coi như đã xong phần đầu bây giời sử dụng các lớp ra
sao uh?
Mã nguồn[chọn] Ví dụ tandaiza
thẻ div tìm hiểu thêm ở HTML ha.
Và trong cặp DIV này có thể chèn vô số thứ
Mã nguồn[chọn]
< _div class="bmenu">< a _ href="http://
Tandaiza.Wap.Sh">Quay về trang chủ
div>
nhưng ví dụ vẫn chỉ là ví dụ thử làm các bạn sẽ thấy .
Kết thúc phần này ha Bài viết by Tandaiza
