giáo trình hướng dẫn học CSS tiếng Việt

giáo trình hướng dẫn học CSS tiếng Việt

Nội dung chia sẻ: giáo trình hướng dẫn học CSS tiếng Việt

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 . 40 8.2. Nhóm phần tử với 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ổ Trang 7 Simple CSS Standard Edition WallPearl khuyết, rồi lại muốn lấy thêm nhiều tài liệu khác thêm vô, thêm cả CSS3 vô, rốt lại trông nó hỗn hợp quá nên sau cùng Pearl phân ra 2 bản:  Bản Simple CSS Standard Edition: Bao gồm nội dung chủ yếu từ 16 tut của HTML.Net, chỉ bổ sung 1 số chỗ về cú pháp CSS và độ ưu tiên của CSS.  Bản Simple CSS Advanced Edition: Bao gồm nội dung của HTML.Net trộn với W3 School có thêm phần phụ lục về CSS3 và nhiều thứ cần thiết khác. Phần “tường trình” tới đây là kết thúc. Chắc chắn là ít có quyển sách nào lại .

truyện kiếm hiệp audio