[CSS] Làm Quen Với Một Vài Css Căn Bản.

Css là một phần không thể thiếu đối với một website. Sau đây mình sẽ óm gọn một vài css cơ bản cho người mới học vào bài viết này. Mục đích là cho các bạn dễ hình dung ra hơn, thay vì phải học từng cái.

1: Thay đổi kích thước và màu chữ.

Giả sử mình có một đoạn như thế này:

<p>Tôi Yêu Em</p>

Và các bạn muốn kích thước của nó to hay nhỏ và màu chữ khác thì bạn sẽ có css như sau:

p { font-size: 90px; color: #f00 }

Trong đó Font-size là kích cở chữ, color là màu chữ; #f00 là mã màu.

2: Thay đổi màu liên kết.

Css thay đổi màu text liên kết có dạng như sau:

a:link {color: #000; } a:visited { color: green;}

Lưu ý: Bạn có thể dùng chữ tiếng anh để thay thế cho mã màu.

3: Xóa bỏ gạch chân bên dưới dòng chữ.

Thuộc tính text-decoration sẽ quyết định nó. Css như sau:

a {text-decoration: none;}

3: Chỉnh text căn giữa.

Phần này có rất nhiều cách nhưng mình sẽ hướng dẫn cách bạn cách nhanh nhất.

Ví dụ bạn có code như sau:

<p>Anh yêu em</p>

Và để cho nó xuất hiện căn giữa thì mình sẽ thêm css vào cho nó. Ở đây mình sẽ thêm trực tiếp và nó sẽ có dạng như sau:

<p style="text-align:center">Anh yêu em</p>

Bên cạnh đó nó còn có cách khác như: thêm class vào và viết riêng css cho class đó...

4: Thêm khoảng không gian cho text.

Mình sẽ lấy ví dụ bên trên.

<p style="text-align:center">Anh yêu em</p> 

Để cho nó có thêm một khoảng không gian thêm mình sẽ có dạng như sau:

<p style="text-align:center;padding: 10px">Anh yêu em</p>

Bên cạnh đó padding còn nhiều thuộc tính khác như:

Padding-top

Padding-botton

Padding-left

Padding-right

Đơn vị cho nó thường là px, em, %,...