Làm việc nào .phầnnày mình sẽ nói sơ qua vì cũng dễ hiểu thôi biết chút về html là được công việc bắt đầu .
Phần đầu:
body {
font-family : Comic Sans MS,Bold, Helvetica, sans-serif;
margin : 0 0 0 0 ;
font-weight : normal;
font-size : small;
background-color : black;
color : #FF8C00;
}
a {
text-decoration : none;
color : red;
}
Đây là phần quyết định toàn trang sẽ như thế nào nha.
Phân tích ra sẽ đơngiản hơn nhiều toànkiến thức html thôi ak
font-weight : normal;
font-size : small;
dòng này là kiểu chữ
background-color : black;
màu của trang ở đây là màu đen blackmình viết thế cho dễ hiểu các bạn có thể sử dụng mã màu.
a {
text-decoration : none;
color : red;
}
đây là màu của link liên kết màu đỏ hì.
Cơ bản là thế hãy sáng tạo thêm bằng trí tưởng tượng của mình nha.
*Lớp class:
.footer {
color : white;
background-color : #333;
text-align : center;
font-weight : bold;
padding : 2px;
}
Lớp (class)
Nó cũng tương tự như phần đầu chỉ khác là nó để tạo nên các khung,hiệuứng được quy định sẵn thôi
tên class này là footer:
Khác với phần đầu là ở đây quy định sẵn kíck thước
padding : 2px;
ví dụ thế
Save hai phần lại tạo một file dạng**.css
ví dụ http://kenhsv.xtgem.com/creator.css
Mã nguồn[chọn]
body {
font-family : Comic Sans MS,Bold, Helvetica, sans-serif;
margin : 0 0 0 0 ;
font-weight : normal;
font-size : small;
background-color : black;
color : #FF8C00;
}
a {
text-decoration : none;
color : red;
}
.footer {
color : white;
background-color : #333;
text-align : center;
font-weight : bold;
padding : 2px;
}
Như thế đãcó một file CSS sẵn sàng cho sử dụng với một lớp footer,nhưng chẵng ai sử dụngCSS mà chỉ dùng một lớp duy nhất hãy sáng tạo thêm các lớp đẹp hơn ha .
Cụ thể về phần này ở nhữngbài viết ,dưới mình sẽ giới thiệu kỷ hơn về cú pháp,phần tử ,...
Còn sử dụng thế nào bài sau mình sẽ giải thích.