Bo góc, đổ bóng cho Internet Explorer 6,7,8 (với htc file)

  • CSS tutorial
  • 19 tháng 06 2012
  • bởi Văn Khương
  • 0 Comments

 

Bo góc, đổ bóng cho Internet Explorer 6,7,8 (với htc file)

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 giới thiệu cách sử dụng file htc để thực hiện tạo bo góc và đổ bóng trên trình duyệt IE 6,7,8 với cách áp dụng của CSS3.

Sử...

Màu nền RGBa cho trình duyệt IE

  • CSS tutorial
  • 18 tháng 06 2012
  • bởi Văn Khương
  • 0 Comments

 

mau nen rgba tren 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 giễ 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 tạo độ trong suốt cho màu thì thiết kế của bạn sẽ vô cùng quyến rũ thậm chí còn hiệu quả hơn cả việc dùng ảnh nền png từ...

CSS3 transform - transition

  • CSS tutorial
  • 11 tháng 06 2012
  • bởi Văn Khương
  • 0 Comments

 

css3 transform transition

Bài này xin 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 năng thao tác với đối tượng như:

scale: co giãn đối tượng rotate: xoai đối tượng skew: bóp méo đối tượng translate:...

CSS Gradients for IE9

  • CSS tutorial
  • 08 tháng 06 2012
  • bởi Văn Khương
  • 0 Comments

Trong bài trước tôi 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 tôi xin giới thiệu việc sử dụng SVG để tạo ảnh chuyển sắc và đương nhiên là nó sẽ làm việc được không những trên IE9 mà còn nhiều trình duyệt khác.

Điều đầu tiên chúng ta cần...

Chuyển sắc gradient với CSS

  • CSS tutorial
  • 05 tháng 06 2012
  • bởi Văn Khương
  • 0 Comments

 

Chuyển sắc gradient với CSS

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ũng thân thiện hơn.

Trong bài sử dụng CSS3 ngày nay tôi có giới thiệu...

CSS tương thích với IE5, IE6 và IE7 (CSS filter, CSS hacks)

  • CSS tutorial
  • 18 tháng 05 2012
  • bởi Văn Khương
  • 0 Comments

 

css tuong thich ie cu

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 đầu. Chắc không ít người phải vò đầu bực tức vì viết CSS đã đời trên các trình duyệt web hiện đại xong sau đó thử trên các trình duyệt cũ hơn...

Biểu thức thuộc tính trong CSS

  • CSS tutorial
  • 14 tháng 05 2012
  • bởi Văn Khương
  • 0 Comments

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ể thực hiện một số việc đơn giản như là tính toán số học, hoặc những thứ phức tạp hơn như tính toán chiều rộng của trình duyệt Window. Bạn nên nhớ rằng để biểu thức điều kiện hoạt động bạn phải đảm bảo rằng trình duyệt của bạn đang được bật JavaScript nếu không...

Bình luận điều kiện lọc trình duyệt IE

  • CSS tutorial
  • 03 tháng 05 2012
  • bởi Văn Khương
  • 0 Comments

 

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 tôi không còn thấy người dùng sử dụng trình duyệt IE5 nữa thậm chí IE6 hiện giờ cũng thuộc hàng cổ hiếm, tuy nhiên đã thiết kế thì bạn không thể bỏ qua các phiên bản này được, bởi vậy bạn có thể sử dụng bình luận điều kiện linh hoạt để tùy...

white-space xử lý khoảng trắng dòng trong CSS

  • CSS tutorial
  • 26 tháng 04 2012
  • bởi Văn Khương
  • 0 Comments

 

xu ly khoang trang dong 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 dòng thì bị loại bỏ khi hiển thị. Chúng ta sẽ tìm hiểu về thuộc tính white-space trong CSS và các giá trị của nó đã quyết định...

CSS basic: Pseudo-elements

  • CSS tutorial
  • 22 tháng 04 2012
  • bởi Văn Khương
  • 0 Comments

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 thường dùng để chọn ký tự đầu tiên trong một đoạn văn để định kiểu cho nó giống như bạn muốn tạo drop caps trong Msword.

:first-line

Chọn dòng đầu tiên trong một đoạn văn, dòng đầu tiên được hiểu khi bạn hiển thị trên trình duyệt vậy nên...