Chương 11,12,13: CSS Links

Chương 11: CSS Links

Cho tòan trang:
a: link { properties: value; } /* tác dụng khi không có bất kỳ sự kiện gì xảy ra*/
a: visited { properties: value; }/* tác dụng khi link n� y được click v� back trở lại*/
a: active { properties: value; }/* khi click chuôt lên link v� chưa buông ra*/
a: hover { properties: value; }/*khi đưa chuột ngang qua link*/
a: focus { properties: value; }/* khi user dùng phím tab để đưa con trỏ đến link(không dùng mouse)*/

Cho một vùng của web, thông qua một class:

.class_namea: link { properties: value; }
.class_namea: visited{ properties: value; }
.class_namea: active { properties: value; }
.class_namea: hover { properties: value; }
.class_namea: focus { properties: value; }

hoặc
a.class_name: link { properties: value; }
a.class_name: visited{ properties: value; }
a.class_name: active { properties: value; }
a.class_name: hover { properties: value; }
a.class_name: focus { properties: value; }

các định dạng thẻ a này chỉ có ảnh hưởng trong các đối tượng sử dụng css class_name
và áp dụng tương tự cho trường hợp nếu sử dụng id (#)

Chương 12: CSS Background

Background định dạng background, các thuộc tính:
background-attachment: value;
value:
+ scroll
+ fixed
background-color: value; /* giá trị m� u */
background-image: url(path_to_image);
background-position: value; vị trí bắt đầu của background
value:

+ top left
+ top center
+ top right
+ center left
+ center center
+ center right
+ bottom left
+ bottom center
+ bottom right
+ x-% y-%
+ x-pos y-pos

background-repeat: value; điều khiển quá trình lặp lại của image
value:

no-repeat ( không lặp)
repeat (lặp theo tất cả cách hướng)
repeat-x (chỉ lặp theo trục x)
repeat-y (chỉ lặp theo trục y)

Chương 13: Border

Định dạng cho border: Định dạng cho cả 4 cạnh của đối tượng(div,span,table…)
border-width: 1px,2px,…
border-style: value
với value là 1 trong các giá trị sau:
+ none
+ hidden
+ dotted
+ dashed
+ solid
+ double
+ groove
+ ridge
+ inset
+ outset
border-color: value (các giá trị của màu)
có thể viết ngắn gọn như sau:
border: border-width border-style border-color;
ví dụ: border: 1px solid #000000;

Nếu chỉ muốn định dạng cho mỗi một cạnh
border-x: border-x-width border-x-style border-x-color;
với x l� left,top,right,bottom tương ứng cho các cạnh left,top,right,bottom
các giá trị thuộc tính của borde-x cũng giống như của border

Posted in: CSS