Nguyễn Khánh, Author at Fedu
Hiệu ứng bóng đổ trong CSS3

Hiệu ứng bóng đổ trong CSS3

Với CSS3 bạn có thể thêm hiệu ứng bóng đổ cho văn bản và các phần tử. Trong nội dung này chúng ta sẽ tìm hiểu các thuộc tính dưới đây: text-shadow box-shadow Trình duyệt hỗ trợ Các con số trong bảng xác định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính. Số...
Gradient trong CSS3

Gradient trong CSS3

CSS3 gradients cho phép bạn hiển thị chuyển tiếp giữa hai hoặc nhiều màu sắc được chỉ định. Trước đó, bạn phải sử dụng hình ảnh cho những hiệu ứng này. Tuy nhiên, bằng cách sử dụng CSS3 gradient bạn có thể giảm thời gian tải cùng băng thông xuống. Ngoài ra, các phần...

Màu sắc trong CSS3

Màu sắc trong CSS3 CSS hỗ trợ tên màu sắc, hexadecimal và RGB. Ngoài ra, CSS3 cũng giới thiệu: màu RGBA màu HSL màu HSLA opacity Trình duyệt hỗ trợ Các con số trong bảng xác định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ các giá trị / thuộc tính CSS3. Màu RGBA Giá...
Hình nền trong CSS3

Hình nền trong CSS3

CSS3 chứa một vài thuộc tính hình nền mới, cho phép kiểm soát phần tử nền. Trong nội dung này chúng ta cùng tìm hiểu cách thêm hình nền vào một phần tử. Đồng thời bổ sung kiến thức về thuộc tính mới trong CSS3: background-size background-origin background-clip Trình...

Đường viền ảnh trong CSS3

Với thuộc tính border-image trong CSS3, bạn có thể thiết lập một ảnh với đường viền xung quanh phần tử. Trình duyệt hỗ trợ Các con số trong bảng xác định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính. Số theo sau là -webkit-, -moz-, hoặc -o- chỉ định phiên...
Góc tròn trong CSS3

Góc tròn trong CSS3

Với thuộc tính border-radius trong CSS3, bạn có thể cho bất kỳ phần tử nào thành “góc tròn”. Trình duyệt hỗ trợ Các con số trong bảng xác định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính. Số theo sau là -webkit- hoặc -moz- chỉ định phiên bản...
Giới thiệu về CSS3

Giới thiệu về CSS3

CSS3 là tiêu chuẩn gần đây nhất được áp dụng cho CSS. CSS3 hoàn toàn tương thích ngược với các phiên bản CSS trước đó. Trong nội dung phần CSS3, các bạn sẽ được học về các tính năng mới được cập nhật cho CSS3. Các module trong CSS3 CSS3 đã được chia thành...
Bố cục website trong CSS

Bố cục website trong CSS

Bố cụ website Một website thường được chia thành phần header, thanh menu, nội dung và phần footer. Có rất nhiều kiểu thiết kế website, tuy nhiên về cơ bản cấu trúc trên được sử dụng nhiều nhất. Trong bài viết này sẽ phân tích bố cục web như trên. Header Header thường...
Bộ đếm trong CSS

Bộ đếm trong CSS

Bộ đếm CSS là “các biến” duy trì bởi CSS có các giá trị có thể được tăng lên bởi các quy tắc CSS (để theo dõi số lần chúng được sử dụng). Bộ đếm cho phép bạn điều chỉnh sự xuất hiện của nội dung dựa trên vị trí của nó trong tài liệu. Tự động đánh số với bộ...
Biểu mẫu trong CSS

Biểu mẫu trong CSS

Giao diện của một biểu mẫu HTML có thể được cải thiện rất nhiều với CSS: Định dạng trường nhập vào Sử dụng thuộc tính width để xác định chiều rộng của trường nhập vào: input { width: 100%; } Ví dụ trên áp dụng cho tất cả các phần tử <input>. Nếu bạn chỉ muốn...
Các vùng chọn thuộc tính trong CSS

Các vùng chọn thuộc tính trong CSS

Định dạng phần tử HTML với thuộc tính Có thể định dạng các phần tử HTML có xác định thuộc tính hoặc giá trị thuộc tính. Vùng chọn [attribute] Vùng chọn [attribute] được sử dụng để chọn các phần tử có thuộc tính được chỉ định. Ví dụ sau chọn tất cả các phần tử...
Hình sprit trong CSS

Hình sprit trong CSS

Hình sprite Một hình ảnh sprite là một tập hợp các hình đưa vào một hình ảnh duy nhất. Trang web có nhiều hình ảnh có thể mất nhiều thời gian để tải và tạo ra nhiều yêu cầu của máy chủ. Sử dụng hình ảnh sprites sẽ giảm số yêu cầu của máy chủ và tiết kiệm băng thông....
Thư viện ảnh trong CSS

Thư viện ảnh trong CSS

CSS có thể được sử dụng để tạo một thư viện ảnh. Thư viện ảnh Thư viện ảnh sau đây được tạo bởi CSS: <html> <head> <style> div.gallery { margin: 5px; border: 1px solid #ccc; float: left; width: 180px; } div.gallery:hover { border: 1px solid #777; }...
Chú giải trong CSS

Chú giải trong CSS

Một chú thích (tooltip) thường được sử dụng để thêm thông tin cho điều gì đó khi người dùng di hoặc trỏ chuột vào phần tử. Chú thích cơ bản Tao một chú thích xuất hiện khi người dùng di chuyển chuột qua một phần tử: <style> /* Tooltip container */ .tooltip {...
Hiệu ứng dropdown trong CSS

Hiệu ứng dropdown trong CSS

Hiệu ứng dropdown cơ bản Để tạo một hộp xổ xuống (dropdown box) khi người dùng trỏ chuột vào phần tử, bạn có thể tham khảo mã CSS dưới đây: <style> .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute;...
Thanh điều hướng trong CSS

Thanh điều hướng trong CSS

Demo: các thanh điều hướng Các thanh điều hướng Đơn giản hóa thanh điều hướng là việc quan trọng trong mỗi website. Với CSs bạn có thể biến các thanh menu nhàm chán trông đẹp mắt hơn. Thanh điều hướng = danh sách các link Thanh điều hướng cần dựa trên HTML chuẩn....
Thuộc tính Opacity / Transparency trong CSS

Thuộc tính Opacity / Transparency trong CSS

Thuộc tính opacity xác định độ trong suốt của một phần tử. Độ trong suốt của hình ảnh Thuộc tính opacity có thể được thiết lập giá trị từ 0.0 – 1.0. Với giá trị càng nhỏ thì độ trong suốt càng nhiều. Chú ý: phiên bản IE8 trở về trước sử...
Các Pseudo-Element trong CSS

Các Pseudo-Element trong CSS

Các Pseudo-Element là gì? Pseudo-element trong CSS được dùng để định dạng một phần đặc biệt của phần tử. Ví dụ chúng được sử dụng để: Định dạng chữ hoặc dòng đầu tiên của phần tử Chèn nội dung vào trước hoặc sau nội dung của phần tử Cú pháp Cú pháp của...
Pseudo-classes trong CSS

Pseudo-classes trong CSS

Pseudo-classes là gì? Một pseudo-classes được sử dụng để xác định trạng thái đặc biệt của một phần tử. Ví dụ, chúng có thể được sử dụng để: Định dạng một phần tử khi người dùng rê chuột vào đó Định dạng đường dẫn khi đã và chưa được click vào Định dạng một phần tử khi...
Các kết hợp trong CSS

Các kết hợp trong CSS

Một combinator giải thích cho mối liên hệ giữa các bộ chọn trong CSS. Một bộ chọn CSS có thể chứa nhiều hơn một bộ chọn đơn giản. Giữa các bộ chọn đơn giản, chúng có thể bao gồm một combinator (kết hợp). Đây là bốn cách kết hợp khác nhau trong CSS3: bộ chọn descendant...
Trang 1/ 1112345...10...Trang cuối »