Home Posts filed under CSS
Hiển thị các bài đăng có nhãn CSS. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn CSS. Hiển thị tất cả bài đăng

Thứ Bảy, 19 tháng 1, 2019

[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, %,...
ĐỌC THÊM

Thứ Bảy, 12 tháng 1, 2019

Làm Quen Bố Cục Website Bằng HTML5 Và Css Cơ Bản.

Đây là cái căn bản lúc mình mới vào học lập trình web nên ngay bây giờ mình cũng sẳn tiện chia sẽ cho mọi người, nhằm tạo điều kiện cho mọi người nắm bắt kiến thức tốt hơn.

Đầu tiên, phần cấu trúc HTML5 có cấu trúc cơ bản như sau:
<!DOCTYPE html>
<html>
   <head>

     <meta charset=utf-8"/>

   </head>

   <body>

   </body>

</html>


Nhưng để cho nó có đầy đủ và hoàn thiện hơn síu nên trong phần <body> mình sẽ chèn thêm phần header của site:
<header>

 <h1>   </h1>

</header>
Cấu trúc đầy đủ sẽ như này: 
<!DOCTYPE html>
<html>
   <head>

     <meta charset=utf-8"/>

   </head>

   <body>

<header>

 <h1>   </h1>

</header>

   </body>

</html>

Đã có xương web thì đương nhiên phải thêm chút thịt chứ nhỉ :)
Các bạn tự tạo cho mình một file có đuôi dạng .css
Còn đây là css mình viết riêng cho phần header các bạn có thể xem và tham khảo:
.header   {
     width: 850px;
     height: 86px;
     background-color: #FFFFFF; /* #FFFFFFlà mã màu */
     padding: 10px;
     color: #555;

}

Lưu ý: phần mã màu ( #FFFFFF, #555 bạn có thể tham khảo tại đây )
Đến đây thì mình nghĩ các bạn đã có thể hiểu chút gì về cấu trúc của một website rồi. Mình sẽ cố gắng hướng dẫn nhiều hơn ở các bài tiếp theo. Cảm ơn các bạn đã quan tâm.
ĐỌC THÊM

Thứ Sáu, 28 tháng 12, 2018

[CSS] Một Số Thuộc Tính CSS Cơ Bản Cho Người Mới Học.

[CSS] Một Số Thuộc Tính CSS Cơ Bản Cho Người Mới Học.
Css là một phần không thể thiếu trong quá trình xây dựng website bởi nó là thứ cấu tạo nên sự đẹp đẻ của một trang web tùy vào sự tư duy và sáng tạo của một lập trình viên.
Chính vì thế nên sau đây mình sẽ tóm tắt lại một số thuộc tính css hay dùng và cơ bản nhất mà mình đã và đang học. Vì mình còn trong quá trình học hỏi css nên nếu có sai sót mong các bạn đọc sẽ góp ý qua phần nhận xét dưới bài đăng.
Sau đây là bản tóm tắt ngắn gọn nhất:


Thuộc tính
Màu chữ và màu nềnbackground-color background-image background-repeat background-attachment background-position
Font chữfont-family font-style font-variant font-weight font-size
Textcolor text-indent text-align letter-spacing text-decoration text-transform
ĐỌC THÊM

[CSS] Một Số Thuộc Tính CSS Cơ Bản Cho Người Mới Học.

[CSS] Một Số Thuộc Tính CSS Cơ Bản Cho Người Mới Học.
Css là một phần không thể thiếu trong quá trình xây dựng website bởi nó là thứ cấu tạo nên sự đẹp đẻ của một trang web tùy vào sự tư duy và sáng tạo của một lập trình viên.
Chính vì thế nên sau đây mình sẽ tóm tắt lại một số thuộc tính css hay dùng và cơ bản nhất mà mình đã và đang học. Vì mình còn trong quá trình học hỏi css nên nếu có sai sót mong các bạn đọc sẽ góp ý qua phần nhận xét dưới bài đăng.
Sau đây là bản tóm tắt ngắn gọn nhất:


Thuộc tínhGiá trị
Màu chữ và màu nềnbackground-color
background-image
background-repeat
background-attachment
background-position
Font chữfont-family
font-style
font-variant
font-weight
font-size
Textcolor
text-indent
text-align
letter-spacing
text-decoration
text-transform
Borderborder-width
border-color
border-style
Height & Widthwidth
max-width
min-width
height
max-height
min-height
ĐỌC THÊM
Đăng ký: Bài đăng (Atom)