Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống
1
/ 25 trang
THÔNG TIN TÀI LIỆU
Thông tin cơ bản
Định dạng
Số trang
25
Dung lượng
380,54 KB
Nội dung
Giới thiệu CSS www.dohoavn. net | http://dohoavn.vn Tài li u do killer s u t mệ ư ầ Ph n các bài h c này s mang t i cho b n m t s ki n th c khác đ t o cho Website có thêmầ ọ ẽ ớ ạ ộ ố ế ứ ể ạ m t phong cách hay m t ki u cách th ng nh t mà b n không ph i m t nhi u th i gian và côngộ ộ ể ố ấ ạ ả ấ ề ờ s c đ ch nh s a trên nhi u trang Web c a b n.ứ ể ỉ ử ề ủ ạ Kiến thức tiên quyết Tr c khi t p trung nghiên c u v CSS b n c n n m v ng các ki n th c v :ướ ậ ứ ề ạ ầ ắ ữ ế ứ ề WWW, HTML và các khái ni m c b n v xây d ng Website.ệ ơ ả ề ự Thỏa thuận với người đọc Đ cho b n không hi u l m m t s t ng chuyên môn, vì th chúng tôi s gi nguyên b n cácể ạ ể ầ ộ ố ừ ữ ế ẽ ữ ả c m t thu t ng ti ng Anh(ụ ừ ậ ữ ế Ví d :ụ HTML, Style Sheet, Head, p, ) nh ng c m t này s cóữ ụ ừ ẽ gi i thích ý nghĩa ngay khi b n đ c chúng l n đ u tiên trong tài li u này.ả ạ ọ ầ ầ ệ CSS là gì? • CSS thay th cho m t c m t ti ng Anh là "Cascading Style Sheet"ế ộ ụ ừ ế • Styles đ nh nghĩa cách các thành ph n HTML hi n th nh th nào.ị ầ ể ị ư ế • Các Styles thông th ng đ c l u tr trong m t Style Sheetsườ ượ ư ữ ộ • Các Style đã đ c đã đ c thêm vào t công b HTML b n 4.0ượ ượ ừ ố ả • Có ba cách chèn Style: 1.External Style Sheets 2.Internal Style Sheets và 3.Inline Style nh ng gi i thích v các lo i này d i.ữ ả ề ạ ở ướ • External Style Sheets có th ti t ki m đ c nhi u th i gian cho công vi c c a b n.ể ế ệ ượ ề ờ ệ ủ ạ • External Style Sheets đ c l u trong nh ng t p có ph n m r ng là CSS.ượ ư ữ ệ ầ ở ộ • Nhi u đ nh nghĩa Style trong m t t p thì đ c g i là Cascade(x p l p) Style Sheet.ề ị ộ ệ ượ ọ ế ớ Mô phỏng CSS V i CSS, văn b n HTML c a b n có th đ c hi n th v i r t nhi u ki u dáng khác nhau.ớ ả ủ ạ ể ượ ể ị ớ ấ ề ể M i b n xem bài Các bài mô ph ng CSS.ờ ạ ỏ Style giải quyết những vấn đề chung Th HTML kh i đ u đ c thi t k đ đ nh nghĩa n i dung c a m t văn b n. Chúng đ c h trẻ ở ầ ượ ế ế ể ị ộ ủ ộ ả ượ ỗ ợ đ mô t cho trinh duy t hi u và th hi n ý nghĩa nh "Đây là m t Dòng đ u trang", "Đây là m tể ả ệ ể ể ệ ư ộ ầ ộ đo n", "Đây là m t b ng", b ng cách s d ng nh ng th nh <h1>, <p>,<table> v.v Vi cạ ộ ả ằ ử ụ ữ ẻ ư ệ phác th o văn b n đ c h tr b i trình duy t mà không có b t c m t th đ nh d ng nào.ả ả ượ ỗ ợ ở ệ ấ ứ ộ ẻ ị ạ V i hai trình duy t chính là Netscape và Internet Explorer ti p đ a thêm nh ng th HTML m i vàớ ệ ế ư ữ ẻ ớ nh ng thu c tính(gi ng nh th <font> và các thu c tính gi ng nh màu s c) cho ch đ nh HTMLữ ộ ố ư ẻ ộ ố ư ắ ỉ ị ban đ u thì vi c t o ra các Website càng khó khăn h n, n i mà n i dung c a văn b n HTMLầ ệ ạ ơ ơ ộ ủ ả ngày càng phân chia đ i v i th hi n c a giao di n trang.ố ớ ể ệ ủ ệ Đ gi i quy t v n đ này, W3C đã t o ra STYLES thêm vào HTML 4.0ể ả ế ấ ề ạ C hai trình duy t Netscape 4.0 và IE 4.0 đ u h tr các CSS.ả ệ ề ỗ ợ Style Sheet có thể tiết kiệm rất nhiều công sức làm việc của bạn Các Style trong HTML 4.0 đ nh nghĩa các thành ph n HTML hi n th nh th nào, gi ng nhị ầ ể ị ư ế ố ư thu c tính c a th font và color trong HTML 3.2. Các Style thông th ng đ c l u trong nh ngộ ủ ẻ ườ ượ ư ữ file bên ngoài c a văn b n HTML. "External style sheets" hay Style Sheet Ngoài cho phép b nủ ả ạ thay đ i dáng v bên ngoài c a các trang Web ch v i vi c so n th o m t t p CSS đ n l . N uổ ẻ ủ ỉ ớ ệ ạ ả ộ ệ ơ ẻ ế nh b n th thay đ i phông ch và màu s c cho các dòng tiêu đ cho m t văn b n dài trongư ạ ử ổ ữ ắ ề ộ ả trang Web c a b n, b n s hi u CSS có th ti t ki m công s c c a b n nh th nào. ủ ạ ạ ẽ ể ể ế ệ ứ ủ ạ ư ế CSS là m t s i ch xuyên su t trong thi t k Web b i vì nó cho phép ng i phát tri n ki m soátộ ợ ỉ ố ế ế ở ườ ể ể ki u cách và s s p đ t c a nhi u trang m t l n. Đ t o ra s thay đ i mang tính t ng th , đ nể ự ắ ặ ủ ề ộ ầ ể ạ ự ổ ổ ể ơ gi n là b n ch c n thay đ i Style và t t c các thành ph n khác(mà nh n Style này) s t đ ngả ạ ỉ ầ ổ ấ ả ầ ậ ẽ ự ộ c p nh t theo.ậ ậ Nhiều Style có thể xếp lớp trong một Style Sheet cho phép thông tin đ c xác đ nh theo r t nhi u cách. Các Style có th đ c xácượ ị ấ ề ể ượ đ nh bên trong m t thành ph n HTML đ n, bên trong thành ph n <head> c a m t trang HTML,ị ộ ầ ơ ầ ủ ộ ho c trong m t file CSS bên ngoài. Th m chí nhi u Style Sheet bên ngoài có th đ c thamặ ộ ậ ề ể ượ chi u trong m t tài li u HTML đ n.ế ộ ệ ơ Thứ tự xếp lớp Style nào s đ c s d ng khi có h n m t style đ c ch đ nh cho m t thành ph n HTML? ẽ ượ ử ụ ơ ộ ượ ỉ ị ộ ầ What style will be used when there is more than one style specified for an HTML element? Thông th ng nói r ng chúng ta có th phát bi u là t t c các style s "x p ch ng" vào trongườ ằ ể ể ấ ả ẽ ế ồ m t Style Sheet " o" m i b ng nh ng lu t sau, n i mà Style v trí th t có quy n u tiên caoộ ả ớ ẳ ữ ậ ơ ở ị ứ ư ề ư nh t:ấ 1. Theo m c đ nh c a trình duy t.ặ ị ủ ệ 2. Style Sheet bên ngoài. 3. Style Sheet bên trong.(bên trong c p th <head>)ặ ẻ 4. Style n i tuy n.(bên trong các thành ph n HTML)ộ ế ầ Vì th , m t Style n i tuy n có quy n u tiên là cao nh t, đi u đó có nghĩa là nó s trùm lên t tế ộ ộ ế ề ư ấ ề ẽ ấ c các style đ c khai báo bên trong th <head>, trong m t Style Sheet bên ngoài và giá tr m cả ượ ẻ ộ ị ặ đ nh c a Browser.ị ủ Cú pháp CSS Cú pháp Cú pháp c a m t CSS đ c t o n n t ba ph n: m t "b ch n - selector", m t "thu c tính -ủ ộ ượ ạ ề ừ ầ ộ ộ ọ ộ ộ property" và m t "giá tr - value":ộ ị b tr n{thu c tính:giá tr }ộ ọ ộ ị "b ch n" thông th ng là các ph n t /th HTML mà b n mu n ch đ nh, thu c tính là các tínhộ ọ ườ ầ ử ẻ ạ ố ỉ ị ộ ch t mà b n mu n thay đ i, và m i thu c tính có th mang đ c m t giá tr . Thu c tính và giá trấ ạ ố ổ ỗ ộ ể ượ ộ ị ộ ị đ c phân cách b i m t d u ":" và đ c bao b i m t d u móc nh n.ượ ở ộ ấ ượ ở ộ ấ ọ Ví d :ụ body{color:black} thì: • body: là "B ch n".ộ ọ • color: là "thu c tính".ộ • black: là "value" N u giá tr có m t chu i các t liên ti p đ ch ra m t tên nào đó, ta ph i đ t chúng trong d uế ị ộ ỗ ừ ế ể ỉ ộ ả ặ ấ nháy kép nh th này " ", ư ế Ví d :ụ p {font-family: "sans serif " } vì phông ch có tên là "sans serif" v b n ch t là có kho ng tr ng gi a t "sans" và "serif" vì thữ ề ả ấ ả ố ữ ừ ế ph i đ c đ t trong nháy kép.ả ượ ặ L u ýư : N u b n mu n ch đ nh nhi u h n m t thu c tính, b n ph i phân cách m i m t thu cế ạ ố ỉ ị ề ơ ộ ộ ạ ả ỗ ộ ộ tính b ng m t d u ch m ph y. Ví d d i đây ch ra cách làm th nào đ đ nh nghĩa m t phânằ ộ ấ ấ ẩ ụ ướ ỉ ế ể ị ộ đo n đ c căn gi a v i dòng ch có màu đạ ượ ữ ớ ữ ỏ p {text-align:center;color:red} Đ t o ra nh ng đ nh nghĩa v style d đ c h n, b n có th mô t m i thu c tính trên m t dòngể ạ ữ ị ề ễ ọ ơ ạ ể ả ỗ ộ ộ gi ng nh sau:ố ư p { text-align: center; color: black; font-family: arial } Nhóm các phần tử với nhau(Grouping) B n có th nhóm các b ch n. Phân cách m i b ch n b ng m t d u ch m ph y. Trong ví dạ ể ộ ọ ỗ ộ ọ ằ ộ ấ ấ ẩ ụ d i đây chúng ta nhóm t t c các thành ph n "Header". M i m t thành ph n header s có màuướ ấ ả ầ ỗ ộ ầ ẽ xanh lá cây: h1,h2,h3,h4,h5,h6 { color: green } Bộ chọn Lớp(The class Selector) V i m t "b ch n l p" b n có th đ nh nghĩa các style khác nhau cho cùng m t ki u thành ph nớ ộ ộ ọ ớ ạ ể ị ộ ể ầ HTML. Đi u này nói nên r ng n u nh b n mu n có hai ki u c a phân đo n trong văn b n: m tề ằ ế ư ạ ố ể ủ ạ ả ộ đo n căn ph i, m t đo n căn gi a. Đây là nh ng gì b n có th làm v i nh ng ki u đó:ạ ả ộ ạ ữ ữ ạ ể ớ ữ ể p.right {text-align: right} p.center {text-align: center} B n ph i s d ng "thu c tính l p" trong văn b n HTML c a b n:ạ ả ử ụ ộ ớ ả ủ ạ <p class="right"> Phan doan nay se can ben phai. </p> <p class="center"> Phân đo n này s căn gi a.ạ ẽ ữ </p> L u ýư : Ch m t thu c tính l p có th đ c ch đ nh trên m t thành ph n HTML! Ví d d iỉ ộ ộ ớ ể ượ ỉ ị ộ ầ ụ ướ đây là sai(vì có 2 l p trên m t ph n t "p")ớ ộ ầ ử <p class="right" class="center"> This is a paragraph. </p> B n có th cũng có th b qua tên th trong b tr n đ đ nh nghĩa m t style cái mà s đ c sạ ể ể ỏ ẻ ộ ọ ể ị ộ ẽ ượ ử d ng b i t t c các thành ph n trong HTML mà có m t trong m t l p nào đó. Trong ví d phíaụ ở ấ ả ầ ặ ộ ớ ụ d i, t t c các thành ph n HTML v i class="center" s đ c căn gi a:ướ ấ ả ầ ớ ẽ ượ ữ .center {text-align: center} Trong đo n mã phía d i thì thành ph n "h1" và thành ph n "p" có class="center". Đi u này cóạ ướ ầ ầ ề nghĩa là c hai ph n t s tuân theo nh ng lu t trong b ch n ".center":ả ầ ử ẽ ữ ậ ộ ọ <h1 class="center"> This heading will be center-aligned </h1> <p class="center"> This paragraph will also be center-aligned. </p> Bộ chọn Mã(The id Selector) B ch n mã thì khác v i b ch n l p. Trong khi m t b ch n l p có th ng d ng cho m t vàiộ ọ ớ ộ ọ ớ ộ ộ ọ ớ ể ứ ụ ộ ph n t trong m t trang, thì m t b tr n mã luôn luôn áp d ng cho ch m t ph n tầ ử ộ ộ ộ ọ ụ ỉ ộ ầ ử M t thu c tính ID(mã s ) ph i là duy nh t bên trong m t văn b nộ ộ ố ả ấ ộ ả Lu t v style phía d i s t ng ng v i m t ph n t "p" mà có giá tr id là "para1":ậ ề ướ ẽ ươ ứ ớ ộ ầ ử ị p#para1 { text-align: center; color: red } Lu t v style phía d i s t ng ng v i ph n t đ u tiên mà có giá tr id là "wer345":ậ ề ướ ẽ ươ ứ ớ ầ ử ầ ị *#wer345 {color: green} Lu t trên s t ng ng v i thành ph n h1 này:ậ ở ẽ ươ ứ ớ ầ <h1 id="wer345">Some text</h1> Lu t d i đây s t ng ng v i m t thành ph n p mà có giá tr id là "wer345":ậ ướ ẽ ươ ứ ớ ộ ầ ị p#wer345 {color: green} Lu t trên đây s không đáp ng v i thành ph n h2:ậ ẽ ứ ớ ầ <h2 id="wer345">Some text</h2> Lời chú thích trong CSS B n có th chèn m t đo n chú thích đ gi i thích m c đích đo n mã c a b n, nó có th giúp g iạ ể ộ ạ ể ả ụ ạ ủ ạ ể ợ nh l i cho b n sau nhi u ngày làm vi c. M t l i chú thích s không đ c trình duy t hi n th .ớ ạ ạ ề ệ ộ ờ ẽ ượ ệ ể ị M t l i chú thích c a CSS b t đ u b ng d u "/*" và k t thúc b ng d u "*/", gi ng nh nh ngộ ờ ủ ắ ầ ằ ấ ế ằ ấ ố ư ữ dòng ch màu đ th này:ữ ỏ ế /* Đây là dòng chú thích */ p { text-align: center; /* Đây là dòng chú thích khác */ color: black; font-family: arial } CSS làm thế nào Làm thế nào để chèn một Style Sheet Khi m t trình duy t đ c m t style sheet, nó s đ nh d ng văn b n theo các quy đ nh có trongộ ệ ọ ộ ẽ ị ạ ả ị Style Sheet đó. Có ba cách đ chèn m t Style Sheet:ể ộ Style Sheet Ngoài M t Style Sheet ngoài là lý t ng khi style đó đ c ng d ng cho nhi u trang. V i m t Styleộ ưở ượ ứ ụ ề ớ ộ Sheet ngoài, b n có th thay đ i cách nhìn c a toàn b m t Website ch c n v i m t file thayạ ể ổ ủ ộ ộ ỉ ầ ớ ộ đ i. M i trang mu n liên k t v i Style Sheet c n ph i s d ng th <link>. Th <link> đ ng bênổ ỗ ố ế ớ ầ ả ử ụ ẻ ẻ ứ trong đo n <head> </head>:ạ <head> <link rel="stylesheet" type="text/css" href="mystyle.css" /> </head> Trình duy t s đ c ch đ nh v style t file "mystyle.css", và đ nh d ng văn b n theo file này.ệ ẽ ọ ỉ ị ề ừ ị ạ ả M t Style Sheet Ngoài có th đ c vi t trong m t b so n th o văn b n nào đó. T p đó khôngộ ể ượ ế ộ ộ ạ ả ả ệ đ c ch a các th html. Style Sheet c a b n nên đ c l u l i v i ph n m r ng làượ ứ ẻ ủ ạ ượ ư ạ ớ ầ ở ộ "tên_file.css". M t ví d v m t t p Style Sheet đ c bi u di n phía d i:ộ ụ ề ộ ệ ượ ể ễ ướ hr {color: sienna} p {margin-left: 20px} body {background-image: url("images/back40.gif")} L u ýư : Đ ng đ kho ng tr ng gi a giá tr c a thu c tính và đ n v ! N u b n s d ng câuừ ể ả ố ữ ị ủ ộ ơ ị ế ạ ử ụ l nh:ệ "margin-left:10 px" thay vì "margin-left: 10px" thì nó s ch làm vi c m t cách h p l trong trình duy t Internet Explorer 6 nh ng nó s khôngẽ ỉ ệ ộ ợ ệ ệ ư ẽ làm vi c trong hai trình duy t Mozilla ho c Netscape. ệ ệ ặ Style Sheet Trong M t Style Sheet Trong c n ph i đ c s d ng khi m t văn b n đ n có m t style duy nh t. B nộ ầ ả ượ ử ụ ộ ả ơ ộ ấ ạ đ nh nghĩa các Style Trong bên trong ph n đ u b ng cách s d ng th <style> gi ng nh thị ầ ầ ằ ử ụ ẻ ố ư ế này: <head> <style type="text/css"> hr { color: sienna } p { margin-left: 20px } body { background-image: url("images/back40.gif") } </style> </head> Trình duy t lúc này s đ c các ch đ nh style, và đ nh d ng văn b n theo các ch đ nh trong đó.ệ ẽ ọ ỉ ị ị ạ ả ỉ ị L u ýư : M t trình duy t thông th ng thì s b qua nh ng th mà nó không hi u. Đi u này cóộ ệ ườ ẽ ỏ ữ ẻ ể ề nghĩa là m t trình duy t phiên b n cũ mà không h tr các Style, s b qua các th <style>,ộ ệ ả ỗ ợ ẽ ỏ ẻ nh ng n i dung c a th <style> s hi n th trên trang. Có th ngăn c n m t trình duy t cũ hi nư ộ ủ ẻ ẽ ể ị ể ả ộ ệ ể th n i dung b ng cách n nó trong thành ph n gi i thích c a HTML.ị ộ ằ ẩ ầ ả ủ <head> <style type="text/css"> <! hr {color: sienna} p {margin-left: 20px} body {background-image: url("images/back40.gif")} > </style> </head> Style Nội tuyến(Inline Styles) M t Style n i tuy n m t r t nhi u u đi m c a các Style Sheet bình th ng b i vi c tr n l n n iộ ộ ế ấ ấ ề ư ể ủ ườ ở ệ ộ ẫ ộ dung v i vi c th hi n. S d ng ph ng pháp ti t ki m này, gi ng nh khi m t style đ c ápớ ệ ể ệ ử ụ ươ ế ệ ố ư ộ ượ d ng cho m t s ki n riêng l c a m t thành ph n.ụ ộ ự ệ ẻ ủ ộ ầ Đ s d ng các Style n i tuy n b n s d ng thu c tính style trong th có liên quan. Thu c tínhể ử ụ ộ ế ạ ử ụ ộ ẻ ộ th có th bao g m b t c m u CSS nào. Ví d d i đây s đ a ra cách làm th nào đ thayẻ ể ồ ấ ứ ẫ ụ ướ ẽ ư ế ể đ i màu và vi c căn trái cho m t đo n:ổ ệ ộ ạ <p style="color: sienna; margin-left: 20px"> This is a paragraph </p> [...]... để border-left-width thiết lập thuộc tính cho border-style đường bao trái trong một border-left border-color 6.0 4.0 CSS1 border-color 6.0 4.0 CSS2 border-style 6.0 4.0 CSS2 4.0 4.0 CSS1 6.0 4.0 CSS1 border-color 6.0 4.0 CSS2 border-style 6.0 4.0 CSS2 4.0 4.0 CSS1 6.0 4.0 CSS1 6.0 4.0 CSS1 khai báo border-left-color Thiết lập màu sắc của đường bao trái border-left-style Thiết lập kiểu cách của đường... color Thiết lập màu cho chữ direction Thiết lập hướng cho chữ letter-spacing Giá trị khả dĩ color 4.0 IE W3C 3.0 CSS1 ltr CSS2 rtl Tăng hoặc giảm khoảng trống giữa normal các ký tự length left text-align NN Căn chỉnh văn bản trong một thành 4.0 CSS1 4.0 4.0 CSS1 4.0 4.0 CSS1 4.0 4.0 CSS1 4.0 4.0 CSS1 right phần 6.0 center justify none underline text-decoration Thêm trang trí cho văn bản overline line-through... 4.0 4.0 CSS1 4.0 4.0 CSS1 4.0 4.0 CSS1 4.0 4.0 CSS1 4.0 4.0 CSS1 padding-right padding-bottom padding-left Thiết lập khoảng đệm tại đáy của length một phần tử % Thiết lập khoảng đệm phía trái length của một phần tử % Thiết lập khoảng đệm phía phải length của một phần tử % Thiết lập khoảng đệm trên đỉnh length của một phần tử % Các thuộc tính Background trong CSS Các thuộc tính Background trong CSS định... Explorer, W3C: Web Standard Thuộc tính Mô tả Ví dụ Một thuộc tính tốc hành để border-width thiết lập thuộc tính cho toàn border NN IE W3C border-style 4.0 4.0 CSS1 6.0 4.0 CSS1 border-color 6.0 4.0 CSS2 border-style 6.0 4.0 CSS2 4.0 4.0 CSS1 6.0 4.0 CSS1 bộ cả 4 đường bao trong một border-color khai báo Một thuộc tính tốc hành để border-bottom-width thiết lập thuộc tính cho border-style đường bao đáy trong... upper-alpha lower-greek lower-latin upper-latin hebrew armenian georgian cjk-ideographic hiragana katakana hiragana-iroha NN IE W3C 6.0 4.0 CSS1 6.0 4.0 CSS1 6.0 4.0 CSS1 4.0 4.0 CSS1 katakana-iroha auto length marker-offset Thuộc tính Text trong CSS Thuộc tính Text trong CSS xác định diện mạo của văn bản Ví dụ Thiết lập màu của văn bản Ví dụ này mô tả làm thế nào để thiết lập màu của văn bản Thiết lập màu... border-color 6.0 4.0 CSS2 border-style 6.0 4.0 CSS2 4.0 4.0 CSS1 4.0 4.0 CSS1 đường bao đỉnh border-top-style Thiết lập kiểu cách của đường bao đỉnh border-top-width Thiết lập độ rộng của đường thin bao đỉnh medium thick length Một thuộc tính tốc hành để thin thiết lập độ rộng của medium bốn đường bao trong một thick khai báo, có thể có từ một border-width length đến bốn giá trị Thuộc tính Font trong CSS Thuộc... lập lề đáy của một phần tử Thiết lập lề trái của một phần tử Thiết lập lề phải của một phần tử Thiết lập lề đỉnh của một phần tử CSS1 4.0 3.0 CSS1 4.0 3.0 CSS1 4.0 3.0 CSS1 length % auto margin-top 4.0 length % auto margin-right 4.0 length % auto margin-left NN IE W3C 4.0 4.0 CSS1 length % ... icon menu message-box small-caption status-bar 4.0 4.0 CSS1 font-family Một danh sách ưu tiên của các họ phông cho một thành phần family-name generic-family 4.0 3.0 CSS1 font-size Thiết lập kích cỡ cho một phông chữ xx-small x-small small medium large x-large xx-large smaller larger length % 4.0 3.0 CSS1 font-stretch Những rút gọn hoặc mở normal CSS2 rộng của phông wider narrower ultra-condensed extra-condensed... top right center left center center center right bottom left bottom center bottom right x-% y-% x-pos y-pos 6.0 4.0 CSS1 backgroundrepeat Thiết lập cách một ảnh sẽ được lặp lại như thế nào repeat repeat-x repeat-y no-repeat 4.0 4.0 CSS1 Thuộc tính Margin trong CSS Thuộc tính Margin trong CSS xác định khoảng trống xung quanh phần tử Ví dụ: Thiết lập lề đáy của một văn bản Ví dụ này mô phỏng làm thế nào... Thiết lập kiểu cách của phông normal italic oblique font-variant font-weight 4.0 4.0 CSS1 Hiển thị văn bản trong một normal phông chữ HOA NHỎ hoặc small-caps một phông chữ thường 6.0 4.0 CSS1 Thiết lập trọng lượng của phông 4.0 4.0 CSS1 normal bold bolder lighter 100 200 300 400 500 600 700 800 900 Thuộc tính List trong CSS Thuộc tính List cho phép bạn thay đổi giữa các điểm_đánh_dấu_m ục_danh_sách khác . ụ . none disc circle square decimal decimal-leading- zero lower-roman upper-roman lower-alpha upper-alpha lower-greek lower-latin upper-latin hebrew armenian georgian cjk-ideographic hiragana katakana hiragana-iroha 4.0 4.0 CSS1 katakana-iroha marker-offset auto length CSS2 Thuộc tính Text trong CSS Thu c tính Text trong CSS xác đ nh di n m o c a văn b n.ộ ị ệ ạ ủ. nh ng t p có ph n m r ng là CSS. ượ ư ữ ệ ầ ở ộ • Nhi u đ nh nghĩa Style trong m t t p thì đ c g i là Cascade(x p l p) Style Sheet.ề ị ộ ệ ượ ọ ế ớ Mô phỏng CSS V i CSS, văn b n HTML c a b n. rel="stylesheet" type="text /css& quot; href="mystyle .css& quot; /> </head> Trình duy t s đ c ch đ nh v style t file "mystyle .css& quot;, và đ nh d ng văn b n theo file