Cách sử dụng CSS Shapes để tạo hình
Trước kia với một vài kỹ thuật sử dụng CSS với đường viền chúng ta có thể tạo ra một số hình khối căn bản với CSS, đó là thủ thuật kết hợp các thuộc tính, có thể kể đến bộ sưu tập một số hình khối ở trang css-tricks, đó là những shape không chính thống và giờ...
Cách sử dụng CSS Shapes để tạo hình
Trước kia với một vài kỹ thuật sử dụng CSS với đường viền chúng ta có thể tạo ra một số hình khối căn bản với CSS, đó là thủ thuật kết hợp các thuộc tính, có thể kể đến bộ sưu tập một số hình khối ở trang css-tricks, đó là những shape không chính thống và giờ...
Tìm hiểu về một số CSS selector mới trong CSS4
W3C vẫn đang tiếp tục xây dựng để cập nhật lên phiên bản tiếp theo của CSS3 là CSS4, những gì chúng ta mong đợi ở những tính năng tiếp theo sẽ có, CSS sẽ càng ngày càng giúp cho mã đánh dấu của bạn gọn hơn, có thể tác động được mãnh mẽ hơn và giảm...
Tìm hiểu table và các thuộc tính CSS trên IE
Như bạn đã biết việc dùng các thẻ table là cách tạo giao diện chính ở nhiều năm trước còn hiện tại thì hầu hết mọi người đã dùng div hay các thẻ khác để tạo ra giao diện hiệu quả và tận dụng hết công dụng của CSS, nhưng không phải vì thế mà chúng ta...
Những giải pháp hack CSS trên IE10
Internet Explorer10 chưa phải là hoàn hảo nhưng thật đáng buồn là Microsoft đã bỏ đi một tính năng vô cùng hữu ích để giúp fix lỗi CSS trên IE đó là bình luận điều kiện lọc trình duyệt IE, có quá nhiều cách để hack CSS trên các trình duyệt IE cũ nhưng 'bình...
Cách tính toán kích thước trong CSS bằng hàm calc()
Đây là một hàm đặc biệt hỗ trợ trong CSS3 được sử dụng để tính toán kích thước chiều dài, chiều rộng, góc, thời gian... Trong thiết kế giao diện responsive đơn vị theo phần trăm là cách thức bạn sẽ sử dụng tuy nhiên bạn sẽ phải tính toán để...
Cách sử dụng CSS transform cho IE 6,7,8
Các trình duyệt IE cũ không hỗ trợ nhiều thuộc tính hữu ích trong CSS3, bạn vẫn có thể có nhiều cách để mang những tính năng hiện đại của CSS đến trình duyệt InternetEplorer bằng việc tham khảo các phương pháp từ thư viện phát triển của Microsoft. Ta sẽ...
Cách tạo hình tam giác bằng CSS
Để có được hình tam giác thì thật đơn giản với các công cụ đồ họa, đơn giản đến mức không cần vẽ mà chỉ cần chèn một hình shape trong hộp công cụ vậy là đã có được hình ảnh trong vài giây, nhưng nếu linh động và không muốn sử dụng hình ảnh bạn vẫn có thể tạo ra...
Sử dụng IE7/IE8/IE9.js để fix lỗi CSS trên trình duyệt IE6/7/8
CSS2 không được hỗ trợ đầy đủ trên các phiên bản cũ của trình duyệt Internet Explorer. Có rất nhiều CSS selector không thể làm việc được trên các trình duyệt IE phiên bản 8 trở về trước khiến mã HTML của bạn phải phụ thuộc hoàn toàn...
Tìm hiểu các quy tắc chỉ dẫn trong CSS
Bạn có thể ít dùng những quy tắc chỉ thị, chỉ dẫn này nhưng nếu bạn hiểu thì cũng có thể vận dụng vào code css của mình hoặc chí ít thì bạn cũng hiểu được code nói gì để bạn không khỏi thắc mắc khi đọc thấy ai dùng tới nó. Những quy tắc này thường được đặt...
Cách làm Internet Explorer 6,7,8 bo góc, đổ bóng
Việc tạo bo góc, và đổ bóng trên những trình duyệt hiện đại là rất đơn giản với CSS3, nhưng với trình duyệt IE cũ thì không thể làm theo cách thông thường mà cần có một đoạn chương trình thực hiện điều đó. Bài viết này sẽ giới thiệu cách sử dụng...
Cách tạo màu nền RGBa cho IE
CSS3 hiện đại đã cải tiến từ hệ màu RGB với việc thêm độ trong suốt chúng ta có hệ màu RGBa. Chúng ta đã quen dùng hệ màu theo dạng thập lục phân truyền thống bởi chúng dễ ràng hơn việc viết theo 3 màu cơ bản RGB(red,green,blue), nhưng với việc có thêm tham số alpha...
Giới thiệu thuộc tính transform - transition trong CSS3
Bài viết này sẽ giới thiệu về 2 bộ thuộc tính rất tuyệt vời của CSS3 là transform và transition đồng thời là một ví dụ gallery nhỏ với sự kết hợp của 2 bộ thuộc tính này.
Transform
Đây là thuộc tính với một số giá trị cung cấp một số chức...
Cách sử dụng CSS Gradients cho IE9
Trong bài trước mình có giới thiệu sử dụng CSS gradient để tạo chuyển sắc thay vì dùng Photoshop và nó làm việc với hầu hết các trình duyệt, đáng tiếc rằng hiện tại nó không được hỗ trợ trên IE9. Trong bài nay mình sẽ giới thiệu việc sử dụng SVG để tạo ảnh...
Sử dụng CSS để chuyển sắc gradient
Trước kia có lẽ mọi thứ màu nền bạn đều cắt từ PS, nhưng trong thiết kế web hiện đại việc tối ưu thiết kế là quan trọng những gì có thể không cần dùng tới hình ảnh thì bạn nên làm, điều này không những làm web của bạn nhẹ, giảm được băng thông mà code của bạn...
Cách viết CSS filter và CSS hacks cho các phiên bản của trình duyệt IE6 và IE7
Với những ai mới làm quen với việc thiết kế website thì việc viết CSS để tương thích không những trên các hãng trình duyệt web khác nhau mà còn phải tương thích trên nhiều phiên bản của hãng đó là một việc khá đau...
Tìm hiểu cách thức làm việc của biểu thức thuộc tính trong CSS
Internet Explorer 5 của Windows đã giới thiệu biểu thức điều kiện trong CSS, một phần mở rộng cho phép chúng ta sử dụng kịch bản Javascript của Microsoft để gán một giá trị động tới giá trị thuộc tính của CSS. Giá trị này có thể...
Lọc trình duyệt IE bằng cách sử dụng bình luận điều kiện
Bình luận điều kiện là một nguồn sở hữu của trình duyệt Internet Explorer cung cấp cơ chế loại các phiên bản trình duyệt đặc biệt. Phần mở rộng này được giới thiệu từ phiên bản IE5. Đã từ rất lâu rồi mình không còn thấy người dùng sử dụng...
Sử dụng white-space để xử lý khoảng trắng dòng trong CSS
Có khi nào bạn tự hỏi tại sao khi bạn gõ một mớ khoảng trắng bằng cách nhấn phím space liên tiếp cho đoạn văn mà bạn soạn ở chế độ html thì khi hiển thị nó cũng chỉ hiển thị là một khoảng trắng, thậm chí khoảng trắng bạn cố tình gõ ở đầu...
Tìm hiểu phần tử Pseudo-elements trong CSS
Pseudo-elements được hiểu như phần tử ảo không thực sự tồn tại rõ ràng trong cây hồ sơ. Pseudo-elements có thể động. Trong CSS1 và CSS2 pseudo-elementss bắt đầu với dấu hai chấm ( : ), trong CSS3 thì có thêm hai dấu hai chấm ( :: ).
:first-letter
Bạn...