CSS căn bản
Các kiểu danh sách - list-style-type
Fri, 08/05/2011 - 19:10 | 
Dưới đây liệt kê tất cả các list-style-type của <ol> và <ul>
<style type="text/css">
ul.a {list-style-type:circle;}
ul.b {list-style-type:disc;}
ul.c {list-style-type:square;}
ol.d {list-style-type:armenian;}
ol.e {list-style-type:cjk-ideographic;}
ol.f {list-style-type:decimal;}
ol.g {list-style-type:decimal-leading-zero;}
ol.h {list-style-type:georgian;}
Cố định header và footer
Với đoạn CSS dưới đây các bạn sẽ cố định được phần header va footer của trang web, phần nội dung sẽ có thanh trượt dọc trong trường hợp nó dài quá độ dài màn hình.
CSS
<style type="text/css">
#header {
background: #222;
border-bottom: 5px solid #333;
color: #fff;
height: 120px;
line-height: 120px;
CSS3 Multiple Columns
Với CSS3 chúng ta có thể lay-out chuỗi thành nhiều cột như các tờ báo.
Phần này sẽ giới thiệu về thuộc tính: column-count( số cột), column-gap( khoảng cách 2 cột), column-rule( thuộc tính).
Ví dụ:
CSS
<style type="text/css">
.newspaper
{
-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;
kysi_datinh's blog | 
Login or register to post comments | 
Tags: column, CSS, CSS căn bản, CSS3 nâng cao Khi nào dùng thẻ nào?
Các thẻ chia ra làm 2 nhóm: nhóm hiển thị trên cùng 1 hàng và hiển thị riêng biệt trên từng hàng.
- Nhóm 1 - nhóm thẻ có thể hiển thị trên cùng 1 hàng: span, a, strong, em, img, br, input, abbr, acronym
Chiều rộng thẻ DIV tự co giản theo nội dung
Tình hình là thẻ DIV nếu ko fix chiều rộng cố định nó sẽ tràn như 100%. Nhưng nếu fix chiều rộng cố định như trường hợp trên thì bất tiện như ví dụ dưới đây.
1. Chiều rộng mặc định:
HTML:
<div clas="giancon"><img src="... /></div>
CSS:
.giancon
{
border: 3px solid blue;
.jpg)
