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

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í

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
Vấn đề với văn bả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.

1/1360/164818

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