NguyenSinhThanh: Đây là phần tổng quát để các bạn nắm được

Khi vào wap hiện dòng chữ XtScript Error: Timeout. bạn vui lòng click Vào Đây. Xin Cảm ơn

HangMoiRa.Com - Cẩm nang các bí quyết về chăm sóc sức khỏe và làm đẹp

For Teen, For You

Phong Vân Truyền Kỳ V21 - Server Mới Tiểu Vũ

Game nhập vai, triệu người chơi đánh theo lượt, thêm bộ cánh ironman và batman...

Tải miễn phí

iOnline 320 - Chơi Bài Đậm Chất Dân Gian

Hỗ trợ tất các dòng máy, chơi Bài cực chất và cùng Hot Girl nhận nhiều quà hấp dẫn....

Tải miễn phí

Like Ủng Hộ Sinhthanh.Xtgem.Com

Hot Blog

Tin nhắn Chúc Tết 2015

Tin Nhắn Năm Mới 2015

Một số lời chúc tết hài hước cực hay 2015

Lời chúc Tết Ất Mùi 2015 , Câu chúc Tết hay và ý nghĩa năm 2015

3GP Táo quân - Gặp nhau cuối năm Full từ năm 2003 đến 2015

Tin Nhắn Giáng Sinh 2014

Nhạc chuông Giáng sinh - noel 25-12

Hình nền giáng sinh , noel 2014

Những lời chúc giáng sinh bằng tiếng Anh hay nhất

Nguồn gốc và ý nghĩa của ngày lễ Giáng sinh 25/12

Đăng Nhập · Đăng Kí Nick

Trang Chủ »Lập Trình Wap Web»HTML, CSS , JS»Tạo CSS , Cú pháp CSS»Xem bài viết

Tạo CSS Cú pháp CSS
Đây là phần tổng quát để các bạn nắm được sơ qua về CSS để hiểu rõ hơn thì nên xem các phần sau ha.
Làm việc nào .phần này mình sẽ nói sơ qua vì cũng dễ hiểu thôi biết chút về html là được công việc bắt đầu .
Phần đầu:

Copy code

Đây là phần quyết định toàn trang sẽ như thế nào nha.
Phân tích ra sẽ đơn giản hơn nhiều toàn kiến thức html thôi ak

font-weight : normal;
font-size : small;
dòng này là kiểu chữ
background-color : black;

Copy code

màu của trang ở đây là màu đen black mình viết thế cho dễ hiểu các bạn có thể sử dụng mã màu.

a {
text-decoration : none;
color : red;
}

Copy code

đây là màu của link liên kết màu đỏ hì.
Cơ bản là thế hãy sáng tạo thêm bằng trí tưởng tượng của mình nha.
*Lớp class:

.footer {
color : white;
background-color : #333;
text-align : center;
font-weight : bold;
padding : 2px;
}

Copy code

Lớp (class)
Nó cũng tương tự như phần đầu chỉ khác là nó để tạo nên các khung ,hiệu ứng được quy định sẵn thôi
tên class này là footer:
Khác với phần đầu là ở đây quy định sẵn kíck thước

padding : 2px;

Copy code

ví dụ thế
Save hai phần lại tạo một file dạng **.css
ví dụ style.css
Mã nguồn[chọ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;
}

Copy code

Như thế đã có một file CSS sẵn sàng cho sử dụng với một lớp footer ,nhưng chẵng ai sử dụng CSS mà chỉ dùng một lớp duy nhất hãy sáng tạo thêm các lớp đẹp hơn ha .
Cụ thể về phần này ở những bài viết ,dưới mình sẽ giới thiệu kỷ hơn về cú pháp ,phần tử ,...
Còn sử dụng thế nào bài sau mình sẽ giải thích.
Sau khi hiểu là nắm bắt được một số đặc tính của CSS chúng ta tiếp tục đi tìm hiểu về cú pháp và cách khai báo của các thẻ CSSCú pháp của CSS được chia làm 3 phần. phần thẻ chọn (selector), phần thuộc tính (property), phần nhãn (value)
.selector {property: value}
Nếu nhãn của bạn có nhiều từ bạn nên đặt nhãn của bạn vào trong dấu nháy kép p {font-family:"sans serif"}
Trong trường hợp thẻ chọn của bạn nhiều thuộc tính thì các thuộc tính sẽ được ngăn cách bởi dấu (;.
p {text-align:center;color:red}
Khi thẻ chọn có nhiều thuộc tính thì chúng ta nên để mỗi thuộc tính ở trên một dòng riêng biệt

.p { text-align: center; color: black; font-family: arial}

Copy code

Power by W3S

1/1413/164871

4 5 6 7 8 9 10 11 12 14 16 19 20 21 22 23 24 25 26 28 30 31 32 33 34 35 36 37