Bài 10: Margin & Padding
Như đã giới thiệu ở bài trước, trong bài học này chúng ta sẽ cùng tìm hiểu chi tiết
về 2 thành phần margin và padding của mô hình hộp.
10.1. Thuộc tính margin:
Như tất cả những ai đã học qua MS Word đều biết là trong phần thiết lập Page
Setup của Word cũng có một thiết lập margin để định lề cho trang in. Tương tự,
thuộc tính margin trong CSS cũng được dùng để canh lề cho cả trang web hay... Bài 9: Box Model
Trong CSS, box model (mô hình hộp) mô tả cách mà CSS định dạng khối không
gian bao quanh một thành phần. Nó bao gồm padding (vùng đệm), border (viền) và
margin (canh lề) và các tùy chọn. Hình bên dưới mô tả cấu trúc minh họa mô hình
hộp cho một thành phần web.
Hình ảnh này đã bị thay đổi kích thước nhằm tránh làm vỡ giao diện. Bấm vào đây để xem ảnh ở kích thước đầy đủ ( 620x315 )
Trong... Bài 8: Span & Div
Như đã hứa, ở bài học này chúng ta sẽ cùng tìm hiểu về 2 thẻ và
trong HTML và xem chúng có lợi ích gì cho công việc viết CSS của chúng ta.
8.1. Nhóm phần tử với thẻ :
Thẻ trong HTML thật ra là một thẻ trung hòa, nó không thêm hay bớt bất
cứ một thứ gì vào một tài liệu HTML cả. Nhưng chính nhờ tính chất trung hòa này
mà nó lại là một công...
Bài 7 : Class & ID
Trong các bài học trước, chúng ta đã được học các thuộc tính CSS về background,
color, font,… Tuy nhiên, bạn cũng nhận ra là khi áp dụng một thuộc tính CSS cho
một thành phần nào đó ví dụ như h1, h2, p, a, img,… thì toàn bộ các thành phần
này trong trang web đều nhận thuộc tính này. Vậy có các nào để nhóm lại một số
thành phần nào đó để áp dụng một thuộc tính đặc biệt. Ví dụ như bạn...
Bài 6: Pseudo-classes For Links
Một thành phần rất quan trọng trong mọi website chính là liên kết.Cũng như một
đối tượng văn bản thông thường, chúng ta hoàn toàn có thể áp dụng các thuộc tính
định dạng đã học ở 2 bài trước như định font chữ, gạch chân, màu chữ,… cho một
liên kết. Hơn nữa, CSS còn cung cấp một điều khiển đặc biệt được gọi là pseudo-
classes. Pseudo-classes cho phép bạn xác định các hiệu ứng định dạng cho một đối
tượng liên kết ở...
Bài 5: Text
Định dạng và thêm vào các kiểu định dạng đặc biệt cho phần nội dung một trang
web là một vấn đề quan trọng cho bất cứ nhà thiết kế web nào. Như đã nói, ở bài
học này chúng ta sẽ được tìm hiểu về các thuộc tính CSS về định dạng văn bản.
5.1. Màu chữ (thuộc tính color):
Để định màu chữ cho một thành phần nào đó trên trang web chúng ta sử
dụng thuộc tính color. Giá trị của thuộc...
Bài 4: Font Chữ
Ở bài học trước, chúng ta đã được tìm hiểu về cách định dạng màu chữ bằng CSS.
Trong bài này, chúng ta sẽ tiếp tục tìm hiểu thêm về các thuộc tính CSS liên quan
tới font chữ của các thành phần trong một trang web.
4.1. Thuộc tính font-family:
Thuộc tính font-family có công dụng định nghĩa một danh sách ưu tiên các
font sẽ được dùng để hiển thị một thành phần trang web. Theo đó, thì font đầu tiên
được...
Bài 3: Background
Trong bài học này chúng ta sẽ được học về cách định màu nền/ảnh nền cho một
trang web cũng như các kỹ thuật định vị, điều chỉnh ảnh nền.
3.1. Màu nền (thuộc tính background-color):
Thuộc tính background-color giúp định màu nền cho một thành phần trên
trang web. Các giá trị mã màu của background-color cũng giống như color nhưng
có thêm giá trị transparent để tạo nền trong suốt.
Ví dụ sau đây sẽ chỉ cho chúng ta biết cách sử... Bài 2: Một Số Quy Ước Về Cách Viết CSS
2.1. Cú pháp CSS:
Để tìm hiểu cú pháp CSS chúng ta hãy thử xem một ví dụ sau.
Ví dụ: Để định màu nền cho một trang web là xanh nhạt (light cyan) chúng ta dùng
code sau:
+ Trong HTML:
+ Trong CSS: body { background-color:#00BFF3; }
Nhìn qua ví dụ trên ít nhiều chúng ta cũng thấy được mối tương đồng giữa
các thuộc tính trong HTML và CSS cho nên nếu bạn đã học qua HTML thì cũng... Bài 1: Giới Thiệu CSS
1.1. CSS là gì?
Trong lĩnh vực xây dựng, chúng ta có trang trí nội thất; trong lĩnh vực thẩm
mỹ - làm đẹp, chúng ta có kỹ thuật make-up; còn trong lĩnh vực thiết kế web chúng
ta có CSS. Đây chỉ là một định nghĩa giàu hình ảnh của Pearl thôi (nhưng cũng
thực tế nhỉ (smile). Còn CSS (Cascading Style Sheets mà Pearl tạm dịch là tờ mẫu
theo Style Sheets) là một ngôn ngữ quy định cách trình bày cho các...
Ý kiến trao đổi