Tạo CSS Cú pháp CSS
Đây là phần tổng quát để các bạn nắm được sơ 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ụ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ụ 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. 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}

Power by W3S