WELCOME TO FORUM CLASS 12A9

THPT NGUYỄN TRUNG TRỰC
 
IndexGalleryĐăng kýĐăng Nhập

Share | 
 

 Cascading Style Sheets (CSS)

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down 
Tác giảThông điệp
Admin
Admin


Tổng số bài gửi : 106
Registration date : 15/09/2007

Character sheet
Music:
1/1  (1/1)

Bài gửiTiêu đề: Cascading Style Sheets (CSS)   Tue Jan 22, 2008 6:48 am

Tương tự trong Word, bạn có thể dùng Style Sheets (CSS) trong HTML để định dạng cho trang web. Thay vì phải viết đi viết lại một số TAGs, bạn có thể viết sẵn trong một đoạn code ở đầu trang hoặc trong một .css file rồi import vào trang web. CSS/CSS2 có rất nhiều thuộc tính mà tôi không thể kể hết trong trang này, xin giới thiệu với bạn chút ít về nó để bạn làm quen và có thể học thêm bằng cách xem trong HTML code của các trang web hay. Xem trong đoạn code dưới bạn sẽ thấy rõ hơn tác dụng của CSS.









This is a test




Trong ví dụ trên, bạn thấy dòng chữ "This is a test" không nằm trong cặp TAG mà nằm giữa
. TAG
mang thuộc tính class="text" và có tác dụng như: . Và cứ như vậy với những đoạn text khác trong cả trang. Cái lợi ở đây là khi muốn thay đổi giao diện cả trang, bạn không cần sửa từng đoạn code mà chỉ cần thay đổi thuộc tính .text trong CSS
Thuộc tính của font

font-style: normal (thẳng) hay italic / oblique (nghiêng)
font-variant: normal (bình thường) hay small-caps (hoa nhưng nhỏ như các chữ khác trong cùng dòng)
font-weight: normal (bình thường), bold, bolder (đậm) hay light, lighter (gầy)
font-size: cỡ của chữ - giống như
kiểu tuyệt đối: xx-small, x-small, small, medium, large, x-large hoặc xx-large
kiểu tương đối: smaller hoặc larger
chiều rộng: mm, cm, in (inch), pt (point), px (pixel), pc (pica)...
line-height: khoảng cách giữa các dòng chữ
normal: bình thường
tuyệt đối: dùng số (1.5 / 2 / 3....). Ví dụ: nếu chiều khổ chữ là 10 pt và line-height: 1.5 thì khoảng cách giữa các dòng sẽ là 10 x line-heigt = 10 x 1.5 = 15 pt
font-family: cho phép định kiểu chữ (Arial, Verdana, sans-serif)

Thuộc tính của nền và màu trong trang web

background-attachment: thuộc tính này cho phép chọn xem hình nền nằm cố định trong trang web (fixed) hay trượt theo phần bạn xem (scoll)
background-color: có thể chọn màu (RGB: 255,255,255 / color name: white / Hex: #ffffff) hoặc transparent
background-image: cho phép bạn chọn một hình làm nền cho trang web
background-position: cho phép bạn chọn điểm bắt đầu của hình nền
background-repeat: tự động nối tiếp (repeat) / tự động nối tiếp theo chiều ngang (repeat-x) / tự động nối tiếp theo chiều dọc (repeat-y) / khộng tự động nối tiếp (no-repeat)

Ví dụ:

Về Đầu Trang Go down
Xem lý lịch thành viên http://12a9-ntt.forumotion.com
 
Cascading Style Sheets (CSS)
Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang 
Trang 1 trong tổng số 1 trang
 Similar topics
-
» [ĐBCB] NY Times nói về BIGBANG: "Ngoài Gangnam Style, trái tim hoang dã thực thụ của Kpop, BIGBANG biểu diễn ở Prudential Center
» [GTV][Vid] Oppa Panda Style
» [GTV][Share] Những câu nói hay của G-Dragon
» [ĐBCB][Pho/Vid] TAEYANG và CHOA trên NBA STYLE (Updated)
» [30/10/2012][News] Oppan Panda Style - Nhật kí Seung Ri

Permissions in this forum:Bạn không có quyền trả lời bài viết
WELCOME TO FORUM CLASS 12A9 :: Download Phần mềm , thủ thuật Javascript và Thiết kế Web :: Thiết kế web-
Chuyển đến