Các thuộc tính định dạng cho text thường được sử dụng định dạng trực tiếp cho các thẻ thuộc nhóm inline, (những thuộc tính này cũng có thể định dạng được cho các thẻ khác).
Tạo file HTML và CSS có cấu trúc thư mục và nội dung như sau:
index.htmlcss
style.cssHTML viết
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Tiêu đề trang web</title> <link href="css/style.css" rel="stylesheet" type="text/css" media="screen,print" /> </head> <body> <div> <p>Thành phần không có CSS.</p> <p class="cssStyle">Thành phần có CSS.<br /> Thành phần có CSS.<br /> Thành phần có CSS.<br /> Thành phần có CSS.</p> </div> </body> </html>
p.cssStyle {
}Thành phần không có CSS.
Thành phần có CSS.
Thành phần có CSS.
Thành phần có CSS.
Thành phần có CSS.
tag {
color: giá trị;
}Giá trị của thuộc tính color: (Tham khảo)
p.cssStyle {
color: #ff0000;
}Thành phần không có CSS.
Thành phần có CSS.
Thành phần có CSS.
Thành phần có CSS.
Thành phần có CSS.
tag {
font-size: giá trị;
}Giá trị có thể được tính theo các loại đơn vị khác nhau (thường dùng nhất là dạng điểm ảnh - px, phần trăm - %,em).
p.cssStyle {
font-size: 200%;
}Thành phần không có CSS.
Thành phần có CSS.
Thành phần có CSS.
Thành phần có CSS.
Thành phần có CSS.
tag {
font-family: kiểu chữ;
}Font có nhiều kiểu chữ khác nhau, tham khảo thêm
p.cssStyle {
font-family: "Courier New", Courier, monospace;
}Thành phần không có CSS.
Thành phần có CSS.
Thành phần có CSS.
Thành phần có CSS.
Thành phần có CSS.
tag {
font-weight: giá trị;
}Giá trị chính của font-weight gồm: bold, bolder, lighter, normal, 100, 200, 300, 400, 500, 600, 700, 800, 900
p.cssStyle {
font-weight: bold;
}Thành phần không có CSS.
Thành phần có CSS.
Thành phần có CSS.
Thành phần có CSS.
Thành phần có CSS.
tag {
font-style: giá trị;
}Các giá trị chính cho thuộc tính font-style gồm: italic, oblique, normal.
p.cssStyle {
font-style: italic;
}Thành phần không có CSS.
Thành phần có CSS.
Thành phần có CSS.
Thành phần có CSS.
Thành phần có CSS.
tag {
letter-spacing: giá trị;
}Giá trị có thể được tính theo các loại đơn vị khác nhau (thường dùng nhất là dạng điểm ảnh - px, phần trăm - %,em).
p.cssStyle {
letter-spacing: 5px;
}Thành phần không có CSS.
Thành phần có CSS.
Thành phần có CSS.
Thành phần có CSS.
Thành phần có CSS.
tag {
line-height: giá trị;
}Giá trị có thể là số không đơn vị hoặc có đơn vị, tham khảo các loại đơn vị khác nhau.
p.cssStyle {
line-height: 5;
}Thành phần không có CSS.
Thành phần có CSS.
Thành phần có CSS.
Thành phần có CSS.
Thành phần có CSS.
tag {
text-decoration: giá trị;
}Các giá trị chính cho thuộc tính text-decoration gồm: blink, line-through, overline, underline, none
p.cssStyle {
text-decoration: underline;
}Thành phần không có CSS.
Thành phần có CSS.
Thành phần có CSS.
Thành phần có CSS.
Thành phần có CSS.
tag {
word-spacing: giá trị;
}Giá trị có thể được tính theo các loại đơn vị khác nhau (thường dùng nhất là dạng điểm ảnh - px, phần trăm - %,em).
p.cssStyle {
word-spacing: 10px;
}Thành phần không có CSS.
Thành phần có CSS.
Thành phần có CSS.
Thành phần có CSS.
Thành phần có CSS.
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
If you have been around the Drupal community for a while you know who Aaron Winborn is.
Developing Drupal sites can be quite a challenge and adventure. And this comes from those who call themselves Drupal developers
Sau khi có báo cáo của Thượng viện Mỹ, Ban lãnh đạo ngân hàng HSBC mới đây đã thừa nhận vì thiếu cảnh giác nên đã bị các băng đảng ma túy Mexico sử dụng để rửa tiền, để cho những vụ chuyển ngân liên hệ dến Iran được thực hiện, vi phạm đến những lệnh cấm theo luật của Hoa Kỳ. Trưởng nhóm thanh tra kinh tế của HSBC David Bagley đã phải từ chức.
Bình luận (0)
Add Comment