Các thuộc tính CSS cho TEXT

Text là một trong những thành phần chính của một website, nó giúp ta truyền tải nội dung của trang web tới người xem. Trong phần này chúng ta cùng tìm hiểu các thuộc tính của text và CSS có thể làm được những gì với TEXT

Color
color: value;
Trong đó value là giá trị quy định [...]

Margin VS Padding

Nói đến thiết kế web là chúng ta thường nghĩ đến bố cục, hình khối, các mảng màu sắc và các dòng chữ. Việc tạo ra bố cục của một website rất quan trọng, nó cho ta nắm rõ được những vị trí một cách cơ bản của một hay nhiều đối tượng trên một [...]

ID và Class trong CSS

Trong CSS có hai định nghĩa rất quan trọng là ID và Class xuất phát từ (X)HTML. Cho đến bây giờ vẫn còn một số bạn mới tìm hiểu CSS thường vẫn chưa hiểu rõ sự khác biệt của 2 thẻ HTML này.

Sự khác biệt giữa ID và Class
Về cơ bản có thể nói 2 [...]

Cơ bản về CSS

Chắc có lẽ mình không cần phải giới thiệu nhiều về CSS (cascading style sheet) vì các bạn đã quá biết nó là gì và tác dụng của nó ra sao trong việc thiết kế website.
CSS và Web standard đang ngày càng xuất hiện nhiều hơn trong cộng đồng thiết kế web tại Việt nam, [...]

Các thuộc tính của CSS cho văn bản

Ở phần trước chúng ta đã biết về tác dụng và vị trí để đặt các thuộc tính của CSS trên một file (X)HTML ( CSS Internal ), trên một dòng ( CSS Inline ) hay trên một file CSS riêng biệt ( CSS External ). Và cách để link file [...]

Cấu trúc và sức mạnh của CSS

Vậy là chúng ta đã có một trải nghiệm mới về CSS thông qua cách mà CSS điều khiển và cung cấp các thuộc tính cho một đối tượng trên website (đối tượng có thể là một đoạn văn bản, hình ảnh hay dòng kẻ, thậm chí là từng ký tự).

Cấu trúc của CSS rất [...]

Tạo một CSS layout từ một bản thiết kế – phần 8

Ở phần trước chúng ta đã có được phần nội dung của cột bên phải và đưa phần nội dung đó nằm ở vị trí mình muốn. Trong phần này chúng ta sẽ bắt đầu làm đến phần Header. Đây có thể coi là phần quan trọng tạo nên phong cách của cả website. Nếu [...]

Tạo một CSS layout từ một bản thiết kế – phần 7

Bây giờ ta sẽ đi sâu vào phần Style cho nội dung (content). Trong phần này chủ yếu là định hình font chữ, khổ chữ, khoảng cách (padding, margin…)
Trong file Css thành phần body được định nghĩa riêng và thường được đặt trên đầu để trình duyệt có thể tìm và định hình ngay.
[...]

Tạo một CSS layout từ một bản thiết kế – phần 6

Phần này chúng ta sẽ đưa vào layout một số thành phần chính, tiêu biểu và có ở hầu hết các website

Navigation Links
Heading
Content
Footer infomation

Chúng ta sẽ bắt đầu bằng việc tạo 1 class tên là hidden. Bạn nên đặt class này ở phần đầu của file Css, sau thẻ body.
[...]

Tạo một CSS layout từ một bản thiết kế – phần 5

Ở phần trước chúng ta đã đưa nội cung vào content và bị vấn đề là phần text bị tràn qua cột bên phải . Sau đây ta sẽ tìm hiểu nguyên nhân tại sao và làm thể nào để fix nó.
Nguyên nhân ở đây là ta mới chỉ quy định cho div content kích [...]