Tài liệu hướng dẫn CSS cơ bản
2008
Simple CSS
Standard Edition
Trang 2
Simple CSS Standard Edition WallPearl
2008
Simple CSS
Standard Edition
By WallPearl
©2008 WallPearl’sBlog. All Rights Reserved.
Trang 3
Simple CSS Standard Edition WallPearl
Mục Lục
Nội dung Trang
Lời mở đầu ................................................................................ 6
Bài 1: Giới thiệu ........................................................................ 8
1.1. CSS là gì? ......................................................................................... 8
1.2. Tại sao CSS? .................................................................................... 8
1.3. Học CSS cần những gì? ................................................................... 9
Bài 2: Một số quy ước về cách viết CSS ................................... 10
2.1. Cú pháp CSS .................................................................................... 10
2.2. Đơn vị CSS ...................................................................................... 13
2.3. Vị trí đặt CSS ................................................................................... 14
2.4. Sự ưu tiên ......................................................................................... 18
Bài 3: Màu chữ và màu nền ...................................................... 21
3.1. Thuộc tính background-color ........................................................... 21
3.2. Thuộc tính background-image ......................................................... 21
3.3. Thuộc tính background-repeat ......................................................... 22
3.4. Thuộc tính background-attachment ................................................. 23
3.5. Thuộc tính background-position ...................................................... 23
Bài 4: Font chữ .......................................................................... 26
4.1. Thuộc tính font-family ..................................................................... 26
4.2. Thuộc tính font-style ........................................................................ 27
Trang 4
Simple CSS Standard Edition WallPearl
4.3. Thuộc tính font-variant .................................................................... 27
4.4. Thuộc tính font-weight .................................................................... 28
4.5. Thuộc tính font-size ......................................................................... 28
Bài 5: Text ................................................................................. 30
5.1. Thuộc tính color ............................................................................... 30
5.2. Thuộc tính text-indent ...................................................................... 30
5.3. Thuộc tính text-align ........................................................................ 31
5.4. Thuộc tính letter-spacing ................................................................. 31
5.5. Thuộc tính text-decoration ............................................................... 32
5.6. Thuộc tính text-transform ................................................................ 32
Bài 6: Pseudo-classes for Links ................................................ 33
Bài 7: Class & id ....................................................................... 36
7.1. Nhóm phần tử với class.................................................................... 36
7.2. Nhận dạng phần tử với id ................................................................. 38
Bài 8: Span & div ...................................................................... 40
8.1. Nhóm phần tử với <span> ............................................................... 40
8.2. Nhóm phần tử với <div> .................................................................. 40
Bài 9: Box Model ...................................................................... 43
Bài 10: Margin & padding ........................................................ 45
10.1. Thuộc tính margin .......................................................................... 45
10.2. Thuộc tính padding ........................................................................ 47
Trang 5
Simple CSS Standard Edition WallPearl
Bài 11: Border ........................................................................... 48
11.1. Thuộc tính border-width ................................................................ 48
11.2. Thuộc tính border-color ................................................................. 48
11.3. Thuộc tính border-style .................................................................. 48
Bài 12: Height & width ............................................................. 50
12.1. Thuộc tính width ............................................................................ 50
12.2. Thuộc tính max-width .................................................................... 50
12.3. Thuộc tính min-width .................................................................... 50
12.4. Thuộc tính height ........................................................................... 50
12.5. Thuộc tính max-height ................................................................... 51
12.6. Thuộc tính min-height .................................................................... 51
Bài 13: Float & clear ................................................................. 52
13.1. Thuộc tính float .............................................................................. 52
13.2. Thuộc tính clear ............................................................................. 53
Bài 14: Position ......................................................................... 54
14.1. Absolute position ........................................................................... 55
14.2. Relative position ............................................................................ 56
Bài 15: Layers ............................................................................ 57
Bài 16: Web standard ................................................................ 59
Phụ lục ....................................................................................... 60
Trang 6
Simple CSS Standard Edition WallPearl
Lời Mở Đầu
Đầu tiên, Pearl xin thưa với tất cả các bạn đọc giả (hay những bạn nào có
quyển sách này) đó là Pearl không phải là một chuyên gia về CSS mà chỉ là một
“tay ngang trong nghề” mà thôi (cụ thể là Pearl cũng chỉ lên mạng học từ các tài
liệu tiếng Anh chứ cũng không phải qua trường lớp đào tạo bài bản gì cả). Còn về
quyển sách này thì phải nói từ hồi đầu tháng 6 năm rồi (rối chuyện thế đấy, nhưng
ai quen Pearl đều biết Pearl có tính hay “tường trình” vậy mà (smile)), Pearl vào
blog anh Tân thấy ảnh có dịch mấy bài tut CSS từ HTML.net mà trong bài mở đầu
lại có ghi tên các “cao thủ” CSS trên Opera: chị Hiền, chị Liên, Phạm Lâm, và cả
Pearl (còn ai nữa không thì quên rồi, tại ảnh giấu mấy bài này rồi). Đúng là rối
chuyện thật, chả nhẽ lại đi khiếu nại cái chuyện “Pearl chỉ là tay ngang thôi” sao.
Thôi thì có người bảo mình là “cao thủ” cũng cứ chịu vậy, nhưng ngặt cái “có tiếng
phải có miếng” chứ, các “cao thủ” kia thì điều có viết tut, tip hướng dẫn làm blog,
sửa skin cả. Trong khi đó, mình lại chả viết gì cho cộng đồng thì đâu có được
(không phải Pearl lười, tại mấy người kia viết hết rồi đó chứ, với lại Pearl cũng
không thích viết tut, tip như họ, trông cứ như công thức nấu ăn vậy (big green)),
nên Pearl mới nhào vô xin dịch mấy bài coi như là mình đóng góp tí đỉnh cho cộng
đồng (ặc, cũng là có ý dụ dỗ các “cao thủ” kia vào chia phần thôi, cứ bao nhiêu
“cao thủ” như thế này thì có thêm chục bài nữa cũng 1 tuần là xong (roll eyes)…
ảnh mừng quá, cho dịch 2 bài cuối (chuối, người ta đang muốn làm ngay mà, bảo
dịch bài cuối chẳng phải dụ dỗ Pearl lười biếng đó sao, mà kệ)… Tới cuối tháng 6,
ảnh về quê nghỉ hè, về được rồi thì trốn biệt luôn, Pearl cũng quên mất luôn… tới
tháng 8 mới thấy anh lên blog: không rảnh, lâu lâu về quên, cần thời gian với gia
đình (ai đọc blog anh này cũng biết “người yêu vợ” rồi)… đã thế Pearl dịch tất cho
xong… tới trung tuần tháng 8, bắt đầu dịch,… người học dở Anh văn mà dịch mau
ghê, dịch hơn 10 ngày là hết 16 tut luôn… định tháng 9, biên tập lại rồi phát
hành… Định là thế, nhưng tới tháng 9, Pearl cài lại máy 1 phát, rồi lo lùng sục,
nhồi nhét phần mềm, sách, nhạc vào lại ổ cứng, tốn những hai tuần,… quên tập 2,
mấy bài tut đó đành xếp xó tiếp… Mãi tới tháng rồi, cụ thể là sau Giáng Sinh 3
ngày, Pearl lại lôi 16 bài dịch đó ra biên tập lại (hem phải tại siêng đột xuất, mà tại
sắp hết năm với lại đây cũng là hoạt động kỷ niệm ngày thành lập WallPearl’s
Blog), biên tới, biên lui tốn cả tuần mới xong. Đọc lại mới thấy, 16 tut của HTML
dot net còn thiếu nhiều cái lắm. Thế là lại lấy thêm tài liệu từ W3 School để bổ
có thể bạn quan tâm
Các kỹ thuật bảo trì khung nhìn của kho dữ liệu và đánh giá được không...
23
828
308
Thạc sĩ cao học
23
(New)
Đánh giá khả năng bao quát thông tin về liều dùng và hiệu chỉnh liều t...
67
1.047
310
Kinh tế quản lý
67
(New)
Luận văn thạc sĩ khoa học máy tính: Cơ sở dữ liệu suy diễn: tìm hiểu c...
15
911
426
Thạc sĩ cao học
15
(New)
Tài liệu hướng dẫn ôn tập học kỳ 2 môn ngữ văn lớp 9
12
1.006
402
Tài liệu, đề thi môn Ngữ Văn
12
(New)
Tài liệu hướng dẫn ôn tập học kỳ 2 môn ngữ văn lớp 8
25
804
413
Tài liệu, đề thi môn Ngữ Văn
25
(New)
Tài liệu hướng dẫn ôn tập học kỳ 2 môn ngữ văn lớp 10
6
934
379
Tài liệu, đề thi môn Ngữ Văn
6
(New)
TÀI LIỆU HƯỚNG DẪN ÔN TẬP HỌC KỲ 1 MÔN LỊCH SỬ LỚP 7
3
824
355
Tài liệu, đề thi Lịch Sử
3
(New)
TÀI LIỆU HƯỚNG DẪN ÔN TẬP HỌC KỲ 1 MÔN SINH HỌC LỚP 7
4
627
295
Tài liệu, đề thi Sinh Học
4
(New)
thông tin tài liệu
Tất cả những điều cần biết về CSS đều được tổng hợp trong bộ tài liệu này
Mở rộng để xem thêm
từ khóa liên quan
tài liệu mới trong mục này
tài liệu hot trong mục này
tài liệu giúp tôi
Nếu bạn không tìm thấy tài liệu mình cần có thể gửi yêu cầu ở đây để chúng tôi tìm giúp bạn!
xem nhiều trong tuần
Sản xuất được chế phẩm diệt ruồi hiệu quả mà không gây độc đối với con ngƣời và thân thiện với môi trường
ĐƠN ĐĂNG KÝ THAM GIA DẠY THÊM NGOÀI NHÀ TRƯỜNG
Những sai lầm khi điều trị bệnh trĩ
IOE tiếng Anh lớp 10 lần 9 niên khóa 2018
Giao tiếp - chìa khóa mở cánh cửa thành công
Tiểu luận: Kỹ năng mềm cho sinh viên trường đại học Thương Mại
yêu cầu tài liệu
Giúp bạn tìm tài liệu chưa có
×
