(Thiết kế website) Thiết kế website sử dụng nhiều công cụ và mã nguồn khác nhau để tạo nên một website cho khách hàng hay đối tác...Bài viết này sẽ mang tới cho bạn một số kiến thức căn bản về CSS để tạo cho website có thêm một phong cách hay một kiểu cách thống nhất mà bạn mong muốn chỉnh sửa trên website của mình.
>> Thiết kế website chất lượng
>> Phần mềm thiết kế website
Thiết kế css căn bản cho website

Làm thế nào để đưa CSS vào HTML?
- External: lưu CSS thành một file riêng biệt rồi trỏ đường dẩn trong HTML. Đường dẫn được đặt trong phần khai báo <head></head> của file HTML và có dạng <link rel=”stylesheet” type=”text/css” href=”css/style.css” />. Trong đó “css/style.css” là đường dẫn tương đối tới file CSS.
- Internal: CSS được đưa ngay vào phần đầu của tập tin HTML, nằm trong cặp thẻ <head></head>, có cấu trúc như sau:<head> … <style type=”text/css”>  selector {property: value;}  </style> …</head>
- Inline: CSS nằm ngay trong thẻ mở của cặp thẻ HTML, có cấu trúc như sau:<tagName style=”property: value”>…</tagName>
Thuộc tính id và class trong CSS:
Để có thể linh động hơn trong việc tuỳ biến các thành phần của website, CSS cung cấp cho chúng ta 2 khái niệm id và class.
- id: được sử dụng để định nghĩa cho một đối tượng đơn lẻ, độc nhất, chỉ xuất hiện một lần trên website. Tên của 1 id chỉ được xuất hiện 1 lần trên website. Để gán id cho một đối tượng, ta có cấu trúc <tagName id=”idName”>…</tagName> và CSS được viết như sau #idName {property: value;}
- class: class cũng được sử dụng để định nghĩa một đối tượng, tuy nhiên điểm khác biệt với id là class có thể dùng để định nghĩa nhiều đối tượng có thuộc tính giống nhau, có nghĩa là class có thể trùng tên và xuất hiện nhiều lần trong file HTML. Tương tự id, cách khai báo class trong HTML như sau <tagName>…</tagName> và CSS .className {property: value;}
Một số thuộc tính CSS thông dụng:
CSS căn bản cho người mới bắt đầu
Trên đây là những thuộc tính CSS thông dụng nhất, chỉ cần học hết những thuộc tính này, bạn đã có thể thiết kế được một website cơ bản.
(longk4 - VNSON Corp)