CSS (Cascading Style Sheets) là một ngôn ngữ quy định cách trình bày cho các tài liệu viết bằng HTML, XHTML, XML, SVG, hay UML,…
/*
nội dung chú thích
*/
trong một sô trường hợp ta muốn sử dụng file khác vào file css đang dùng thì cách import:
@import url(đường dần file css);
hiện nay có 3 cách thông dụng.
<!--
<body style="background:#000066;">
</body>
-->
Cách này tuy đinh dạng được nhưng khó chỉnh sử, kiểm soát định dạng khi site lơn.
<!--
<head>
<style type="text/css">
<!-- body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: italic; font-weight: bold; text-decoration: none; } -->
-->
<!--
<head>
<link href="css.css" rel="stylesheet" type="text/css" />
</head>
-->
Đây là cách khai báo, và hiển nhiên bạn có một file là css.css đặt đúng đường dẫn thì các định dạng mới thực thi được cách này hay được sử dụng vì làm cho công việc trình bày trang web được độc lập với thiết kế cấu trúc trang web, thích hợp với các dự án làm việc nhiều người.
Tên: ID=”ten” khi style trong css thì cấu trúc là: #ten{thuộc tính định dạng}. Định dạng kiểu này chỉ có hiệu lực cho những tag nào có ID=”ten”.
Tag: cấu trúc: tên_tag{thuộc tính định dạng}: định dạng chỉ có tác dụng với các tag có tên như khai báo.
Class: Cấu trúc: .tenclass{thuộc tính định dạng}: khi muốn áp dụng cho đối tượng nào đó thi ta khai báo
ví dụ:
<!-- <div class="tenclass">Noi dung</div> -->
Cách khai báo này sẽ tiện lợi có thể sử dụng lại nhiều lần.
Đối tượng liên kết: do liên kết là một đối tượng siêu liên kết không phải là văn bản html thông thường, do vậy muốn định đạng chúng css có các qui định riêng cho liên kết xem phần dưới.
Type:
Border:
A:link: định dạng cho tất cả liên kết chưa được nhắp trong trang
A:visited: định dạng cho tất cả liên kết đã được nhắp trong trang
A:hover: định dạng cho liên kết trong trang đang được đưa chuột vào
A:active: định dạng cho liên kết trong trang đang được nhắp (chưa nhả chuột)
A: định dạng cho tất cả liên kết trong trang
#menu A:link: định dạng cho tất cả liên kết chưa được nhắp trong vùng có tên là menu
#menu A:visited: định dạng cho tất cả liên kết đã được nhắp trong vùng có tên là menu
#menu A:hover: định dạng cho liên kết đang được đưa chuột vào trong vùng có tên là menu
#menu A: định dạng cho tất cả liên kết trong vùng có tên là menu
.menu A:link: định dạng cho tất cả liên kết chưa được nhắp trong vùng có class là menu
.menu A:visited: định dạng cho tất cả liên kết đã được nhắp trong vùng có class là menu
.menu A:hover: định dạng cho liên kết đang được đưa chuột vào trong vùng có class là menu
.menu A: định dạng cho tất cả liên kết trong vùng có class là menu
.tieudetin:link: định dạng cho liên kết có class là tieudetin, chưa được nhắp
.tieudetin:visited: định dạng cho liên kết có class là tieudetin, đã được nhắp
.tieudetin:hover: định dạng cho liên kết có class là tieudetin, đang được đưa chuột vào
.tieudetin: định dạng cho liên kết có class là tieudetin
Kết Luận: Vậy là đã tìm hiểu sơ lược về css, nói về css thì vô biên nhưng xài gì học đó hii.. pà con tích cực comment nha!.
Drupal Developer having 9+ year experience, implementation and having strong knowledge of technical specifications, workflow development. Ability to perform effectively and efficiently in team and individually. Always enthusiastic and interseted to study new technologies
Sau khi khắc phục được một số lỗi mà phiên bản đầu tiên dành cho hệ điều hành iOS, ứng dụng Gmail đã được Google mang trở lại chạy ổn định hơn
Giới chức Trung Quốc ngày càng nghiêm túc trong việc hạn chế việc vay quá mức. Nhưng làm như vậy mà vẫn không phá hỏng thị trường bất động sản, gây tê liệt nhiều nhà phát triển và làm trật bánh nền kinh tế của đất nước
Sau khi kích nút OK, đoạn font chữ đã chọn sẽ có kết quả nhấp nháy theo loại đã chọn ở ô Animations
