Teya Salat
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
SinhThanh.XtGem.Com
Vườn Hoàng Cung - Nông Trại Online
Được trồng cây, chăm thú, nuôi cá... trên những khu vườn thượng uyển của Hoàng Cung vô cùng độc đáo.
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í
Thông Báo: Đã có bản nâng cấp ver2 cho site Sinhthanh đó là WapGiaiTri.Net với nhiều tính năng và đầy đủ nội dung hơn. mong các bạn ủng hộ
BanNickGame.Net - Trang Mua Bán Nick Mobi Army, Ninja School Online Uy Tín
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 Táo quân - Gặp nhau cuối năm Full từ năm 2003 đến 2015
Tin Nhắn Giáng Sinh 2014
Nhạc chuông Giáng sinh - noel 25-12
Hình nền giá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 Kí Nick

Tạo CSS , Cú pháp CSS

Tạo CSS , Cú pháp CSS
· Đọc từ đầu
Nếu bài viết có ích thì like và share nhé

Write on: 07:22 , 13-09-2014
Tạo CSS Cú pháp CSS
Vấn đề với văn bản trong CSS
Thuộc tính

CSS text

cho phép bạn hoàn toàn có thể quản lí được các thuộc tính của văn bản, bạn có thể quản lí được sự ẩn hiện của nó, thay đổi màu sắc, tăng hoặc giảm khoảng cách giữa các ký tự trong một đoạn, căn chỉnh việc dóng hàng (align),...Các thuộc tính của text mà CSS hỗ trợ
Đặt màu cho một đoạn văn bản
Để đặt màu cho một đoạn văn bản chúng ta có thể dùng thuộc tính: color: #mã màu;
p {
color: #333333;
}
Copy code
Đặt màu nền cho đoạn văn bản.Bạn có thể đặt màu nền (background) cho đoạn văn bản bằng thuộc tính background-color: #mã màu;
p {
background-color: #FFFF00;
}
Copy code
Căn chỉnh khoảng cách giữa các ký tự.Khoảng cách giữa các ký tự trong một đoạn văn bản có thể được tăng hoặc giảm bởi thuộc tính letter-spacing: khoảng cách;
h3 {
letter-spacing: 2em;
}
h1 {
letter-spacing: -3em;
}
Copy code
Căn chỉnh khoảng cách giữa các dòng.
Thuộc tính line-height: khoảng cách; sẽ giúp bạn căn chỉnh khoảng cách giữa các dòng trong một đoạn văn bản.
p {
line-height: 150%; // line-height: 15px;
}
Copy code
Dóng hàng
Để gióng hàng cho một đoạn văn bản chúng ta sẽ dùng thuộc tính text-align: vị trí;
p {
text-align: left; /* left | center | right */
}
Copy code
Trang hoàng thêm cho đoạn văn bản.
Một đường gạch chân hoặc đường gạch ngang dòng văn bản sẽ làm cho đoạn văn bản của bạn thêm sinh động. Để tô điểm thêm cho đoạn văn bản chúng ta sẽ dùng thuộc tính text-decoration: thuộc tính;
h3 {
text-decoration: underline; /* Gạch chân */
}
h2 {
text-decoration: line-through; /* Gạch ngang */
}
h1 {
text-decoration: overline; /* kẻ trên */
}
Copy code
Chỉnh vị trí của đoạn văn bản (indent).Thuộc tính text-indent: vị trí; sẽ căn chỉnh vị trí của dòng văn bản theo chiều ngang.
h1 {
text-indent: -2000px; /* text-indent: 30px; */
}
Copy code
Điều kiển các ký tự trong một đoạn văn bản.
Bạn có thể điều khiển toàn bộ đoạn văn bản là chữ hoa hay chữ thường bởi thuộc tính text-transform: kiểu chữ;
p.uppercase {
text-tranform: uppercase;
}
p.lowercase {
text-tranform: lowercase;
}
p.capitalize {
text-tranform: capitalize;
}
Copy code
Đặt hướng cho đoạn văn bản.Hướng của đoạn văn bản có thể từ trái qua phải hay từ phải qua trái chúng ta có thể điều khiển bởi thuộc tính direction: hướng;
div.rtl {
direction: rtl; /* Right to left */
}
div.ltr {
direction: ltr; /* Left to right */
}
Copy code
Tăng khoảng cách giữa các từ.Khoảng cách giữa các từ có thể được tăng bởi thuộc tính word-spacing: khoảng cách; word-spacing: 30px;Làm mất tác dụng của đường bao của một thẻ HTML.Để làm mất tác dụng đường bao của một thẻ HTML chúng ta dùng thuộc tính white-space: giá trị;
p {
white-space: nowrap;
}
Copy code
Thuộc tính white-space sẽ làm cho toàn bộ đoạn văn bản ở trên một dòng.
FacebookGoogle PlusTwitter

Từ khóa :
  • Tạo
  • CSS
  • Cú
  • pháp
  • CSS
  • Tạo CSS , Cú pháp CSS

    • 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;
    }
    Copy code
    Đâ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;
    Copy code
    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;
    }
    Copy code
    đâ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;
    }
    Copy code
    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;
    Copy code

    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;
    }
    Copy code
    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}
    Copy code

    Power by W3S
    FacebookGoogle PlusTwitter
    Tặng bạn game hay miễn phí
    Tin Nhắn Giáng Sinh 2014
    goPet 124 HD - Game Đấu Thú Được Yêu Thích
    Nuôi Thú online chiến đấu, đông vui, khắc nghiệt, thể hiện phong cách xì teen của mình....
    Tải miễn phí( Java, Ios , Apk, Jad )
    Bình luận bằng facebook
    Chia sẻ bài viết
    Link bài viết :

    Bbcode :

    HTML:

    Creator by Duy Thịnh
    Thanks to XtGem.Com
    Link hay : Tin nhắn hình đẹp | Điều Khoản Sử Dụng | Phim 3gp |Fairy Tail Full 3GP | Mẹo vặt | sitemap.html | U-ONC-STAT
    1/330/163788
    U- ONC-STAT
    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
    Menu Nhanh
    Kho Game Cho Điện Thoại
    Khu Học Tập, Kiến Thức Học Tập
    Tổng Hợp Sms Kute
    Thế Giới Media , Nhạc Chuông, Phim
    Đọc Truyện Hay
    Góc Hạt Giống Tâm Hồn
    Tổng Hợp Hình Nền Điện Thoại, Máy Tính
    Blog Cập Nhật Sự Kiện
    Đọc Truyện Doremon Chế(Update)
    Góc Làm Wap