Cú pháp của CSS | Học thiết kế web theo chuẩn. http://www.izwebz.com/css/css-rules/[8/10/2010 2:52:07 PM] NAVIGATION PHP Căn Bản – Bài 9 Từ PSD sang HTML (phần 3/5) Làm gì để được Bookmark Nghỉ phép Thành phần Block và Inline Luôn sử dụng thẻ Alt Hoàn thiện với CSS Khảo sát thị trường và xác định thị phần Flyout Menu với CSS Cách viết bài hiệu quả trên web PHP CO BẢN – NÂNG CAO tìm hiểu cú pháp và phương thức PHP Phép toán và phát biểu có điều kiện trong php $_POST và $_GET Làm quen đối tượng Session Khai báo hàm, chèn tập tin và tập tin dùng chun Cách xử lý chuỗi, mảng, kiểu DataTime Thao tác trên cơ sở dữ liệu MySQL PHP và Database Phân trang với PHP Xóa, Cập nhật dữ liệu dạng mảng Tạo Mailing List: PHP & Mysql RECENT COMMENTS Random News Popular EMAIL ARTICLES Cú pháp của CSS October 7, 2008 6 comments Dưới đây là một ví dụ rất đơn giản của CSS, nó được viết để định dạng thẻ h3 của tài liệu sẽ có màu xanh dương Do vậy nếu bạn có code HTML như sau Về cơ bản cú pháp của CSS bao gồm 2 phần chính: Selector và Declaration. Selector dùng để xác định đối tượng nào sẽ chịu ảnh hưởng và Declaration sẽ quyết định đối tượng đó bị ảnh hưởng như thế nào. Ở ví dụ trên, thẻ h3 là Selector và phần {color: blue;} là Declaration. Trong Declaration cũng có 2 phần là: Property và Value. Property quyết định cái gì sẽ chịu ảnh hưởng và Value quyết định nó sẽ bị ảnh hưởng như thế nào. Ở ví dụ trên color là Property nó quyết định sẽ tác động đến màu của h3 và blue là Value, nó quyết định màu sẽ là màu xanh. Đoạn chữ này sẽ có màu xanh Bạn có thể sử dụng những cách sau đây khi viết CSS Nhóm nhiều Declaration vào một dòng và nếu bạn có một đoạn văn bản như sau trong code html nó sẽ có màu xanh, cỡ chữ là 12px và độ cao giữa các dòng là 15px. Lưu ý: Mỗi Declaration được ngăn cách bởi dấu chấm phẩy ; dấu chấm phẩy ở cuối cùng không bắt buộc, nhưng bạn nên cho vào để sau này nếu có thêm Declaration sẽ không bị quên 1 h3 {color: blue;} 1 <h3>Đoạn văn bản này sẽ có màu xanh trong trình duyệt</h3> 1 p {color:blue; font-size:12px; line-height:15px;} 1 Đoạn văn bản này sẽ chịu ảnh hưởng của tất cả các Declaration ở trên CSS CSS Cơ bản jQuery jQuery Cơ bản Phát triển Web Bài viết, kinh nghiệm Videos Các thể loại WordPress Tutorials, Hacks HOME CÂU HỎI THƯỜNG GẶP LIÊN HỆ TÁC GIẢ BẢN QUYỀN Cú pháp của CSS | Học thiết kế web theo chuẩn. http://www.izwebz.com/css/css-rules/[8/10/2010 2:52:07 PM] 6 Comments ( Comment bài này ) « Class và ID Giới thiệu về CSS » Những bài viết có liên quan Class và ID Hướng đối tượng dựa vào cấp bậc XHTML Pseudo Class Giới thiệu về CSS Những cách trình bày CSS QUẢNG CÁO Your Ad Here for Free $20 in Free Clicks to place your ad here. Join Free now! www.your-site.com Your Ad Here for Free $20 in Free Clicks to place your ad here. Join Free now! www.your-site.com Your Ad Here for Free $20 in Free Clicks to place your ad here. Join Free now! www.your-site.com Your Ad Here for Free Tạo WordPress Theme – Dựng xHTML (16) chicken_roll: hahaha hay quá hết chổ trê (thanks you very much much…) nghe anh nói đây ko Tạo WordPress Theme – Slice hình (22) chicken_roll: ui ui hay quá cảm ỏn nhiều học rất nhiều từ anh và Anh CS thanks phát cho có Tạo WordPress Theme – Search form và Random Posts (15) DiVIVu: @ajimoto & tuyen: Làm thế này là được bạn ạ: <script type="text/javascript& PHP Căn Bản – Bài 9 (40) pham duy: Vang ban angelthao_0984884679 da noi dung do chung t con chan chu gi nua ma khong giup doan: ai muốn xem bằng file swf thì down KMP về mà dùng cái này còn hay hơn media của win nhiều Lập trình web và sự Lười nhác (23) kien: Không còn gì để nói :-s Tạo trang web đầu tiên (41) ho nga: ? ho nga: huhu sao làm web mệt dzữ vậy a hai ui…? Nhóm nhiều Selector vào một dòng Ví dụ nếu bạn muốn chữ từ h1 đến h6 có màu đỏ và được in nghiêng bạn có thể viết Hoặc bạn có thể nhóm tất cả lại để đỡ tốn công hơn Mỗi Selector được ngăn cách bằng dấu phẩy (,) Một Selector có thể chịu ảnh huởng bời nhiều luật Ở ví dụ trên nếu bạn muốn thẻ h2 vừa được tô đậm và in nghiêng, bạn có thể thêm dòng sau 1 h1 {color:red; font-style:italic;} 2 h2 {color:red; font-style:italic;} 3 4 h6 {color:red; font-style:italic;} 1 h1, h2, h3, h4, h5, h6 {color:red; font-style:italic;} 1 h1, h2, h3, h4, h5, h6 {color:red; font-style:italic;} 2 h2 {font-style:bold;} Compatible Implant Trilobe Compatible Implant The $145.00 Alternative www.BlueSkyBio.com Tran says: October 18, 2009 at 5:40 am Cho em hỏi, khi code CSS, em muốn định dạng font và độ lớn cho text. Em code thế này : hi {font:Tahoma, Geneva, sans-serif; size:+3 } Reply Cú pháp của CSS | Học thiết kế web theo chuẩn. http://www.izwebz.com/css/css-rules/[8/10/2010 2:52:07 PM] $20 in Free Clicks to place your ad here. Join Free now! www.your-site.com Your Ad Here! BIDVERTISER ADS thì trình duyệt không hiểu Nhưng khi em thay = code này thì chạy rất tốt. Điều em không hiểu ở đây là tại sao lại như vậy và khác biệt nằm ở đâu ? hi {font-family:Tahoma, Geneva, sans-serif; font-size:24px; } NickB says: October 18, 2009 at 6:17 am Trả lời câu hỏi của bạn : Tại sao cú pháp đầu trình duyệt ko hiểu – Vì đơn giản trong CSS ko có thuộc tính size: và nếu là kích thước thì phải có đơn vị vd như em,px,%. -Khác biệt nẳm ở chổ đoạn ở dưới viết đúng theo cú pháp của CSS Reply Tran says: October 18, 2009 at 6:23 am cảm ơn anh ! Reply Bảo says: October 28, 2009 at 8:41 pm cảm ơn các bài giảng về css của anh. thật sự biết ơn anh Reply phan công vinh says: March 24, 2010 at 9:06 pm Những bài viết thật ý nghĩa của bạn – Cám ơn Reply Minh Tri says: May 7, 2010 at 7:12 am các bro ơi giúp em với. Em dùng cú pháp link trong phần head của html: link rel=”stylesheet” type=”text/css” href=style.css /> Trong phần css thì em đã chỉnh sửa. Nhưng khi mở trang bằng firefox , google chrome hay safari thì ko có gì xảy ra. Khi em mở bằng ie thì lại thấy được . . . Em cũng là lính mới. Mong các bro giúp em. Reply Cú pháp của CSS | Học thiết kế web theo chuẩn. http://www.izwebz.com/css/css-rules/[8/10/2010 2:52:07 PM] Leave a comment ( Chọn hình đại diện ) Chọn kiểu gõ: Tự động TELEX VNI Tắt Tên bạn Email Website Comment Luu ý khi post comment: Không "bóc tem" topic Dùng lời lẽ có văn hoá và lịch sự Xem trang FAQs trước khi hỏi Bạn có thể dùng thẻ HTML như:<strong>, <em>, <a> Wrap code trong dấu `backtick` (dấu trên phím Tab) Izwebz is solemnly hand coded and designed from scratch by Demon Warlock. It is also very proud of being powered by WordPress, which is an exceptionally well written and beautiful CMS Rules are not made to be broken at Izwebz Bạn không được tự ý copy và phát hành lại nội dung của izwebz nếu chưa được sự đồng ý của tôi. Biết tôn trọng và cư xử hòa nhã với mọi người Không "bóc tem" bài viết. Izwebz được quyền xóa những comment nào không phù hợp với nội dung của trang web Câu hỏi thường gặp Liên hệ Tác giả Bản quyền Trang web vẫn đang trong quá trình phát triển về nội dung. Do vậy nếu bạn có khả năng hãy đóng góp bài viết hoặc bạn có thể quảng cáo trang web đến những người mà bạn biết. Được vậy tôi sẽ rất biết ơn bạn. Submit Cú pháp của CSS | Học thiết kế web theo chuẩn. http://www.izwebz.com/css/css-rules/[8/10/2010 2:52:07 PM] © 2008-2010 izwebz, All Rights Reserved. BACK TO TOP Powered by WordPress | Hand coded and designed by Demon Warlock . GIẢ BẢN QUYỀN Cú pháp của CSS | Học thiết kế web theo chuẩn. http://www.izwebz.com /css/ css-rules/[8/10/2010 2:52:07 PM] 6 Comments ( Comment bài này ) « Class và ID Giới thiệu về CSS » Những bài. có thể quảng cáo trang web đến những người mà bạn biết. Được vậy tôi sẽ rất biết ơn bạn. Submit Cú pháp của CSS | Học thiết kế web theo chuẩn. http://www.izwebz.com /css/ css-rules/[8/10/2010 2:52:07. code CSS, em muốn định dạng font và độ lớn cho text. Em code thế này : hi {font:Tahoma, Geneva, sans-serif; size:+3 } Reply Cú pháp của CSS | Học thiết kế web theo chuẩn. http://www.izwebz.com /css/ css-rules/[8/10/2010