Những điều cần biết về Css

Mở đầu về CSS
Nói cho dễ hiểu thì wap/web có đẹp ,có chuyên nghiệp hay không là nhờ CSS .
Công nghệ CSS được đề cập đầu tiên bởi W3C vào năm 1996. Theo định nghĩa của W3C (Wide Web Consortium) CSS (từ viết tắt của Cascading Style Sheet tạm dịch là bảng kiểu xếp chồng) là một ngôn ngữ giúp người thiết kế web có thể add kiểu vào tài liệu web(như kiểu font chữ, màu sắc, khoảng cách vv..).
Bạn có thể tạo ra kiểu một lần nhưng có thể dùng lại nhiều lần trong các tài liệu web tiếp theo.
Ví dụ như nếu bạn muốn hiển thị một bức ảnh trong web với màu khung màu xanh, đường viền bức ảnh là đường kẻ liền thì bạn có thể định nghĩa khung đó thành một kiểu, giả dụ đặt tên là "frame" đi.
Và sau đó khi bạn muốn các khung ảnh khác cũng có kiểu dáng như vậy thì bạn chỉ việc gọi kiểu mà bạn đã định nghĩa để sử dụng lại lần nữa . Cụ thể ở đây là gọi kiểu "frame" và gọi thế nào thì sẽ ở phần sau.
CSS không phải làmột ngôn ngữ lập trình tới thời điểm này (theo mình được biết).
Tự tạo CSS
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:
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 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;
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;
}
đâ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;
}
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;
ví dụ thế
Save hai phần lại tạo một file dạng **.css
ví dụ http://wap.saomobi.com /creator_template.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;
}
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ử ,...
Vd:
.ca { padding-top: 10px; padding-bottom: 10px;}
Cú pháp CSS
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}