css

  1. PVS

    Hướng dẫn Cách sử dụng CSS Shapes để tạo hình

    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ờ...
  2. PVS

    Hướng dẫn Tìm hiểu về một số CSS selector mới trong CSS4

    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...
  3. PVS

    Hướng dẫn Tìm hiểu table và các thuộc tính CSS trên IE

    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...
  4. PVS

    Hướng dẫn Những giải pháp hack CSS trên IE10

    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...
  5. PVS

    Hướng dẫn Cách tính toán kích thước trong CSS bằng hàm calc()

    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 để...
  6. PVS

    Hướng dẫn Cách sử dụng CSS transform cho IE 6,7,8

    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ẽ...
  7. PVS

    Hướng dẫn Cách tạo hình tam giác bằng CSS

    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...
  8. PVS

    Hướng dẫn Sử dụng IE7/IE8/IE9.js để fix lỗi CSS trên trình duyệt IE6/7/8

    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...
  9. PVS

    Hướng dẫn Tìm hiểu các quy tắc chỉ dẫn trong CSS

    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...
  10. PVS

    Hướng dẫn Cách làm Internet Explorer 6,7,8 bo góc, đổ bóng

    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...
  11. PVS

    Hướng dẫn Cách tạo màu nền RGBa cho IE

    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...
  12. PVS

    Hướng dẫn Giới thiệu thuộc tính transform - transition trong CSS3

    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...
  13. PVS

    Hướng dẫn Cách sử dụng CSS Gradients cho IE9

    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...
  14. PVS

    Hướng dẫn Sử dụng CSS để chuyển sắc gradient

    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...
  15. PVS

    Hướng dẫ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

    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...
  16. PVS

    Hướng dẫn Tìm hiểu cách thức làm việc của biểu thức thuộc tính trong CSS

    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ể...
  17. PVS

    Hướng dẫn Lọc trình duyệt IE bằng cách sử dụng bình luận điều kiện

    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...
  18. PVS

    Hướng dẫn Sử dụng white-space để xử lý khoảng trắng dòng trong CSS

    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...
  19. PVS

    Hướng dẫn Tìm hiểu phần tử Pseudo-elements trong CSS

    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...
  20. PVS

    Hướng dẫn Hướng dẫn tạo layout giao diện ba cột cho website

    Hướng dẫn tạo layout giao diện ba cột cho website Bài viết này mình sẽ bắt đầu hướng dẫn các bạn layout một giao diện hoàn chỉnh. Ở bài này mình sẽ hướng dẫn layout một giao diện ba cột đơn giản bằng HTML và CSS. Dưới đây hình ảnh giao diện ba cột sau khi chúng ta tiến hành xong việc layout...
Top Bottom