Web Safe Font trong CSS
Tổ hợp Font trong CSS CSS3 tương thích với công nghệ tổ hợp Font. Tức là, nếu trình duyệt không hỗ trợ Font đầu tiên, thì nó sẽ cố gắng thử các Font tiếp theo. Serif Font trong CSS Font family Normal bold Georgia, serif Cau van nay duoi dang Normal Text. Cau van nay ...
User Interface trong CSS | Giao diện người dùng trong CSS
Thuộc tính user interface trong CSS cho phép bạn thay đổi bất kỳ phần tử nào vào một trong các phần tử user interface chuẩn. Bảng dưới liệt kê một số thuộc tính thường được sử dụng trong User Interface trong CSS3: Giá trị Miêu tả appearance Cho phép người dùng làm cho các phần tử ...
Chia cột trong CSS
CSS3 hỗ trợ tính năng Multi Column giúp bạn sắp xếp văn bản dưới dạng cấu trúc một bài báo. Bảng dưới liệt kê một số thuộc tính Multi Column thường được sử dụng trong CSS3: Giá trị Miêu tả column-count Được sử dụng để đếm số cột mà phần tử nên được phân chia thành column-fill ...
Tổng hợp các màu trong CSS
Bảng dưới đây liệt kê 16 tên cùng mã màu (mã Hex code) đã được giới thiệu trong HTML 3.2. Bạn cũng có thể sử dụng các màu này trong CSS. Tên màu Giá trị Hex Code Màu aqua #00ffff black #000000 blue #0000ff fuchsia #ff00ff green #008000 ...
Responsive trong CSS | Responsive CSS là gì
Responsive CSS là gì ? Responsive là một tính từ để chỉ một website có thể hiển thị tương thích trên mọi kích thước hiển thị của trình duyệt. Ví dụ: nếu giao diện website đặt một chiều rộng cố định là 800px thì chắc chắn nếu xem ở trình duyệt điện thoại với chiều ngang chỉ từ 320px – 420px ...
2D Transform trong CSS3
2D Transforms được sử dụng để tái thay đổi cấu trúc phần tử, ví dụ như translate, rotate, scale, và skew. Bảng dưới liệt kê một số giá trị thường được sử dụng trong 2D Transforms: Giá trị Miêu tả translate(x,y) Được sử dụng để tịnh tiến phần tử theo trục x và trục y ...
Thuộc tính box sizing trong CSS3
Thuộc tính box sizing được sử dụng để thay đổi chiều cao và độ rộng của phần tử. Bắt đầu từ CSS2, thuộc tính box làm việc như sau: awidth + padding + border = chiều rộng thực sự của một phần tử box height + padding + border = chiều cao thực sự của một phần tử box Nghĩa là, khi bạn ...
3D Transform trong CSS
Sử dụng 3D Transform trong CSS, bạn có thể di chuyển các phần tử theo 3 trục: x, y và z. Dưới đây là các ví dụ xác định một cách rõ ràng cách phần tử sẽ quay theo các trục. Các phương thức của 3D Transform trong CSS Bảng dưới liệt kê các phương thức được sử dụng để gọi 3D Transform trong ...
Hiệu ứng trong CSS
Animation (còn gọi là hiệu ứng) là tiến trình tạo các thay đổi tới hình dáng và tạo các sự chuyển động của các phần tử. Qui tắc @keyframes trong CSS Qui tắc @keyframs sẽ điều khiển các bước hiệu ứng trung gian trong CSS3. Ví dụ của qui tắc @keyframes với Left Animation @keyframes ...
Web Font trong CSS3
Web Font trong CSS3 cho phép lập trình viên có thể sử dụng các font mà không được cài đặt trên máy tính của người dùng. Khi bạn đã mua/tìm được font bạn muốn, bạn chỉ cần include font file này trên Web Server, và sau đó nó sẽ được tự động tải tới người dùng khi cần thiết. Các font riêng của ...
Tạo hiệu ứng cho Text trong CSS3
CSS3 bổ sung thêm một số tính năng giúp bạn tạo hiệu ứng cho text: Bảng dưới liệt kê một số thuộc tính thường được sử dụng trong CSS3: Giá trị Miêu tả text-align-last Căn chỉnh dòng văn bản cuối cùng text-emphasis Được sử dụng để nhấn mạnh phần văn bản nào đó ...
Gradient trong CSS
Gradient là gì ? Gradient biểu thị sự kết hợp của hai hay nhiều màu, như dưới đây:− Các loại Gradient trong CSS Linear Gradient trong CSS Linear Gradient được sử dụng để sắp xếp hai hay nhiều màu trong các định dạng tuyến, ví dụ như dạng từ trên xuống dưới (Top to Bottom): ...
Shadow trong CSS
CSS3 hỗ trợ việc thêm Shadow cho văn bản hoặc cho các phần tử. Thuộc tính shadow có thể phân chia thành: Text Shadow trong CSS Với CSS3, bạn có thể thêm shadow cho văn bản. Ví dụ sau minh họa cách thêm shadow cho văn bản trong CSS3: <html> <head> <style> ...
Multi Background trong CSS
Thuộc tính Multi Background trong CSS Thuộc tính Multi Background trong CSS được sử dụng để thêm một hoặc nhiều hình ảnh tại một thời điểm mà không cần sử dụng HTML code. Bạn có thể thêm các hình ảnh mỗi khi cần đến. Cú pháp đơn giản của Multi Background giống như sau: #multibackground { ...
Rounded Corner trong CSS
Rounded Corner trong CSS được sử dụng để thêm góc màu tới phần thân tài liệu hoặc phần văn bản bởi sử dụng thuộc tính border-radius. Cú pháp đơn giản của Rounded Corner như sau: #rcorners7 { border-radius: 60px/15px; background: #FF0000; padding: 20px; awidth: 200px; height: ...
Border Image trong CSS
Thuộc tính Border Image trong CSS được sử dụng để thêm hình ảnh xuất hiện trên đường viền cho các phần tử. Bạn không cần sử dụng bất cứ HTML code nào để gọi Border Image. Cú pháp đơn giản cho Border Image như sau: #borderimg { border: 10px solid transparent; padding: 15px; } Dưới ...
Học CSS3 cơ bản và nâng cao
CSS được sử dụng để điều khiển Style của một tài liệu web. Hay nói cách khác, CSS là một ngôn ngữ StyleSheet để miêu tả sự thể hiện của một tài liệu HTML hoặc XML. CSS3 là phiên bản mới nhất và là phiên bản tiếp theo của CSS2. Điểm khác nhau chính giữa CSS2 và CSS3 là: CSS3 module CSS3 ...
Layout trong CSS
Chắc bạn cũng khá quen thuộc với các bảng trong HTML và quen thuộc với việc tạo các Page Layout bởi sử dụng các bảng này. Nhưng bạn có biết rằng CSS cung cấp cho bạn nhiều sự điều khiển hơn tới việc xác định vị trí các phần tử trong một tài liệu. CSS là xu hướng của tương lai, và tại sao bạn ...
Pseudo Element trong CSS | Phần tử giả trong CSS
Pseudo Element (có thể gọi là các phần tử giả) được sử dụng để thêm các hiệu ứng đặc biệt cho một số Selector. Bạn không cần sử dụng JavaScript hoặc bất cứ ngôn ngữ Script nào để sử dụng các hiệu ứng này. Cú pháp đơn giản của Pseudo Element trong CSS như sau: selector:pseudo-element ...
Validation trong CSS
Validation là tiến trình kiểm tra cái gì đó có tuân theo một qui tắc đã cho không. Khi bạn mới học, thì việc gây ra các lỗi trong khi viết các CSS Rule là không thể tránh khỏi. Vậy làm cách nào để đảm bảo rằng phần code của bạn viết là chính xác 100% và tuân theo các chuẩn của W3C. Nếu bạn ...