CODE CSS - Học viên Web3ngay

NỘI DUNG

CODE CSS

Căn lề 2 bên (Px, auto)

.ClassName {
margin:20px;
}

căn lề trên

padding-top:10px;

căn lề phải

padding-right:20px;

căn lề dưới

padding-bottom:30px;

căn lề trái

padding-left:40px;

Căn lề trên, dưới, trái, phải

padding:10px 20px 30px 40px

Magin: kích thước khung nội dung được giữ nguyên. Padding thì thay đổi khung

nền trong suốt

background-color: transparent

Anh nền (link ảnh)

background-image: url(‘/image.jpg’)

Thuộc tính lặp lại

background-repeat: no-repeat

Vị trí nền

background-position: top right

Nền trượt

background-attachment: scroll

.ClassName {
background: transparent url(‘image.jpg’) no-repeat top right scroll;
}

Font chữ

font-variant:small-caps;
font-weight:bold;
font-size:1em;
line-height:1.4em;
font-family:Georgia, serif;

Lệnh Resize

.resize{
min-width:200px;
min-height:200px;
max-width:500px;
max-height:400px;
resize:both;
background-color:#ccc;
border:2px solid #666;
overflow:auto;
}

NỘI DUNG

CODE CSS

 List

list-style-type:decimal-leading-zero;
list-style-position:inside;
list-style-image: none; // sử dụng ảnh, nếu muốn sử dụng ảnh cho list, bạn chỉ việc thay none bằng url(‘link ảnh’)

Tạo đường viền- đường bao

độ rộng đường bao

border-width:2px;

Kiểu đường bao

border-style: solid;

Màu

border-color: #4096EE
có thể thay bằng rgb(64, 150, 238)

tạo đường viền cho ảnh

img {
border: outline: 5px solid #000000;
}

img {
outline-width: 5px;
outline-style:solid;
outline-color: #000000;
}

Màu chữ

color: #FFFFFF

Độ cao tối thiểu

min-height:200px;
height:auto !important;
height:200px;

Bo góc

.rounded_corner {
-moz-border-radius:10px;
-webkit-border-radius:10px;
width:400px;
height:100px;
background-color:#000;

}

tạo bóng đổ

.your_shadow {
width:400px;
height:200px;
background-color:#000;
-webkit-box-shadow: 5px 5px 2px #ccc;
}

Gộp các Class cùng thuộc tính

h1, h2, h3, h4, h5, h6 {
font-family:Helvetica, Verdana, sans-serif;
}