Đang tải... (xem toàn văn)
Tập tin đính kèm tài liệu, giáo án, bài giảng , luận văn, luận án, đồ án, bài tập lớn về tất cả các lĩnh vực kinh tế, ki...
CSS Bước tới: menu, tìm kiếm Trong tin học, các tập tin định kiểu theo tầng – dịch từ tiếng Anh là Cascading Style Sheets (CSS) – được dùng để miêu tả cách trình bày các tài liệu viết bằng ngôn ngữ HTML và XHTML. Ngoài ra ngôn ngữ định kiểu theo tầng cũng có thể dùng cho XML, SVG, XUL v.v . Các đặc điểm kỹ thuật của CSS được duy trì bởi World Wide Web Consortium (W3C). Thay vì đặt các thẻ qui định kiểu dáng cho văn bản HTML (hoặc XHTML) ngay trong nội dung của nó, bạn nên sử dụng CSS. Tác dụng • Hạn chế tối thiểu việc làm rối mã HTML của trang web bằng các thẻ quy định kiểu dáng (chữ đậm, chữ in nghiêng, chữ có gạch chân, chữ màu .), khiến mã nguồn của trang web được gọn gàng hơn, tách nội dung của trang web và định dạng hiển thị, dễ dàng cho việc cập nhật nội dung. • Tạo ra các kiểu dáng có thể áp dụng cho nhiều trang web, giúp tránh phải lặp lại việc định dạng cho các trang web giống nhau. Sử dụng Có 3 cách để sử dụng CSS. 1. Áp dụng trực tiếp trên một đối tượng nhất định bằng thuộc tính style <span style="font-weight:bold;text- decoration:underline;color:#FF0000;">Đoạn text cần in đậm, gạch chân, màu đỏ</span> 2. Đặt CSS ở đầu trang web để áp dụng kiểu dáng cho một mình trang ấy o Đặt đoạn CSS trong header của web (giữa <head> và </head>): <style type="text/css"> body {font-family:verdana;color:#0000FF;} // Kiểu chữ trong trang web là "Verdana", màu chữ thông thường là màu xanh dương </style> 3. Đặt các thuộc tính CSS vào một tệp riêng biệt (*.css), có thể đưa vào nhiều trang khác nhau o Nội dung tệp style.css: body {font-family:verdana;color:#0000FF;} • Đặt tệp này vào trang web bằng đoạn mã (mã có thể nằm ngoài thẻ <head>): <link rel="stylesheet" type="text/css" href="style.css"> Chú thích: Mở đầu bằng /* và kết thúc bằng */. Cú pháp: cú pháp của : tên_css { thuộc_tính: giá_trị_của_thuộc_tính; } ví dụ: body { background: #eeeeee; font-family: Verdana, Arial, serif; } Tính kế thừa: như ví dụ trên thì tòan bộ các tag HTML có tên body + những tag HTML nằm trong body đều được định dạng theo body, nghĩa là background: #eeeeee và font-family: Verdana, Arial, serif; mà body là thẻ lớn nhất chưa nội dung của website cho nên tất cả các tag khác đều sử dụng các định dạng của body trong trường hợp muốn sử dụng một định dạng khác trong một đối tượng nhỏ hơn body giả sử: p thì chỉ việc định nghĩa thêm đối tượng đó p {font-family: Tahoma, serif;} lúc này tất cả nội dung trong thẻ HTML đều có font là Tahoma chứ khônng phải Verdana của body Tính kết hợp: có thể định nghĩa nhiều css cùng một thuộc tính ví dụ: h1, h2, h3, h4, h5, h6 { color: #009900; font-family: Georgia, sans-serif; } => định nghĩa cung một thuộc tính cho tất cả các tag h1,h2,h3,h4,h5,h6 thay vì phải định nghĩa: h1{ color: #009900; font-family: Georgia, sans-serif; } h6 { color: #009900; font-family: Georgia, sans-serif; } CSS Tutorial Save a lot of work with CSS! In our CSS tutorial you will learn how to use CSS to control the style and layout of multiple Web pages all at once. Start learning CSS now! CSS Demo With CSS you can create good-looking websites with nice effects. With CSS you can control the text (like font, color, size, etc.), and the layout (like BANG GHI TEN, GHI DIEM CHON D T DIT T H I HS(; Q U O C G I A - T H F I MON : OC 2017-2018 Phong thi so: 01 NGAY NGAY LJ/-A \/A TCM Tl—l CIMLJ HQ VA IbN IMI olINn INGAY olINn NOI SINH DAN (HUYEN-TINH) TOC £ CHO KY THI SINH Z 3bn EEa S' 9lnA ^ >NG T H I : THU NHAT THU HAI fW UA —rYi Kfr QUA XL NAM LOP HOP