Gói thiết kế website Thiết kế website công ty Thiết kế website du lịch Thiết kế website bán hàng Thiết kế website bất động sản Thiết kế website nhà hàng Thiết kế website xây dựng Thiết kế website thuê xe ôtô Thiết kế website nội thất Thiết kế website trọn gói Thiết kế website sim số đẹp, bán sim online
Dịch vụ khác Nâng cấp website Quản trị website Thiết kế giao diện website Đăng tin rao vặt Thiết kế Logo Quảng cáo Google Ads hiệu quả
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.
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:
medial=”all” />
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
2. Chèn CSS trong tài liệu HTML
Chè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ẻ và đặt trong phần .
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url(‘/images/back40.gif’)}
Có một số trình duyệt cũ sẽ không hiểu thẻ , nó sẽ bỏ qua thẻ này. Tuy nhiên thì nội dung trong thẻ
Tổng đài tư vấn miễn phí 100% cho khách hàng Tam Nguyên.
Hãy gọi cho chúng tôi!