Những cách trình bày CSS | Học thiết kế web theo chuẩn.
3:04:40 PM]
NAVIGATION
Giới thiệu về CSS
Position Property
Hướng dẫn cách đăng ký domain
Pseudo Class
Mục tiêu hành động
Giải pháp hosting free cho Amateur
Luôn đọc lại bài viết của mình
Từ PSD sang HTML (phần 3/5)
Chương 2 – jQuery Selectors
Tránh xa những nơi “không giới hạn”
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
Những cách trình bày CSS
November 10, 2009 4 comments
Trong bài này chúng ta sẽ không bàn đến những tính năng thông

14 height: 35px; line-height: 35px;
15 position: relative;
16 border-top: 1px solid #89cce1;
17 border-bottom: 1px solid #89cce1;
18 margin: 17px 0px 20px 0px;
19 background: #cde9f2;
20 }
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
Những cách trình bày CSS | Học thiết kế web theo chuẩn.
3:04:40 PM]
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

hơn vì bạn không phải kéo chuột miên man mệt mỏi (sao nhiều “mờ” thế nhỉ)
Cách 4: Nhiều hàng với thụt đầu dòng
Cách trình bày thế này cũng tốn chiều dọc, nhưng giúp bạn biết được thành phần nào là con
thành phần nào bằng trực giác. Tuy bạn có thể đọc code để biết được, nhưng đôi khi trực
giác cũng rất tốt để bao quát vấn đề
Cách 5: Sử dụng kết hợp
Đây cũng là biện pháp tôi sử dụng cho những trang có quá nhiều code CSS. Như nói ở trên
tôi thích nhất cách nhiều hàng, nhưng nếu nó dài quá thì nên kết hợp lại. Tôi thường kết hợp
các thành phần liên quan đến nhau như sau:
Như bạn thấy tôi kết hợp độ rộng với chiều cao, Margin với Padding và các giá trị liên quan
đến font vào một hàng. Như thế cũng tiết kiệm được chiều dài của code
Kết Luận:
1 #header { height: 310px; background: transparent url(images/head.jpg) no-repeat top
center;}
2 #header h1 a {display: block; width: 376px; height: 47px; text-indent: -99999px; float:
left;margin: 210px 0px 0px 10px;
3 background: url(images/logo.png) no-repeat left top;}
4 #header #mainNav {height: 35px; line-height: 35px; position: relative; border-top:
1px solid #89cce1;border-bottom: 1px solid #89cce1;margin: 17px 0px 20px
0px;background: #cde9f2;}
1 #header { height: 310px; background: transparent url(images/head.jpg)
no-repeat top center;}
2 #header h1 a {display: block; width: 376px; height: 47px; text-indent: -
99999px;
3 float: left;margin: 210px 0px 0px 10px;
4 background: url(images/logo.png) no-repeat left top;}
5 #header #mainNav {height: 35px; line-height: 35px; position: relative;
6 border-top: 1px solid #89cce1;border-bottom: 1px
solid #89cce1;margin:
7 17px 0px 20px 0px;background: #cde9f2;}

3:04:40 PM]
4 Comments
( Comment bài này )
« Giới thiệu WordPress Phần mềm FTP miễn phí – FileZilla »
Những bài viết có liên quan
Cách thiết lập “301 Permanent Redirect”
Những cách bo tròn góc
Top 10 trình soạn thảo code
Lập trình web và sự Lười nhác
Quá trình tạo một trang web
$20 in Free Clicks to place your ad
here. Join Free now!
www.your-site.com
Your Ad Here!
BIDVERTISER ADS
Như đã nói, không có cách nào là cách tốt nhất mà chỉ có cách phù hợp nhất. Do vậy, bạn
cứ chọn cho mình một cách và sau đó sử dụng nó toàn bộ trong quá trình code của mình.
Nhưng dù gì đi chăng nữa, để có code CSS dễ đọc, dễ hiểu và dễ chỉnh sửa sau này hoặc
làm việc theo nhóm. Bạn rất cần trình bày sao cho ngăn nắp, gọn gàng và mạch lạc. Đây
chính là điểm khác biệt giữa một coder giỏi và một coder xuất sắc.Compatible Implant
Trilobe Compatible Implant The $145.00 Alternative
www.BlueSkyBio.com
Aboutme says:
February 17, 2010 at 9:47 pm
Mình thường làm thế này, khi code mình sử dụng nhiều hàng, sau mỗi 1 Selector,
Attribute thì xuống dòng và comment cẩn thận. Nhưng khi hoàn thành, và để pub thì
… chuyển về 1 hàng hết , hơi mất thời gian nhưng 1 phần giúp website load nhanh

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)
Submit
Những cách trình bày CSS | Học thiết kế web theo chuẩn.
3:04:40 PM]
© 2008-2010 izwebz, All Rights Reserved. BACK TO TOP Powered by WordPress | Hand coded and designed by Demon Warlock
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