Myshare
New Member
Đây là phần tổng quát để các bạn nắm đượcsơ
qua về CSS để hiểu rõ hơn thì nên xem các phần
sau ha.
Làm việc nào .phần nà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ẽ đơn giản hơn nhiều toàn kiế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 black mình viết
thế cho dễ hiểu các bạn có thể sử dụngmã 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ụ style.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ụng CSS
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ững bà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. Đây là toàn bộ file CSS của mình đưa lên đây mình chưa hề sửa tí
nào các bạn từ từ mà nghiên cứu.
qua về CSS để hiểu rõ hơn thì nên xem các phần
sau ha.
Làm việc nào .phần nà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ẽ đơn giản hơn nhiều toàn kiế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 black mình viết
thế cho dễ hiểu các bạn có thể sử dụngmã 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ụ style.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ụng CSS
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ững bà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. Đây là toàn bộ file CSS của mình đưa lên đây mình chưa hề sửa tí
nào các bạn từ từ mà nghiên cứu.
