CSS3 nâng cao
CSS3 / HTML5 Cheat Sheets
Mon, 12/12/2011 - 13:03 | 
Chia sẻ với các bạn một số cheet sheets, click vào hình tương ứng để download file đầy đủ về nhé:
HTML5 Cheat sheet
HTML5 Visual Cheat Sheet
giancon's blog | 
Login or register to post comments | 
Tags: CSS3 / HTML5 cheat sheets, CSS3 nâng cao, HTML5 Resize một thẻ bất kỳ với css3
CSS3 có thuộc tính resize cho phép người dùng thay đổi kích thước (width & height) của thẻ.
Trình duyệt hỗ trợ:
Thay đổi kích thước của hình background - resize background image
background-size thay đổi kích thước của hình background, hoạt động tốt ở các trình duyệt: Opera, Safari, Chrome, Firefox, Konqueror và IE9:
giancon's blog | Login or register to post comments | Tags: background, background-size, CSS3 nâng cao CSS3 Multiple Background Images
CSS3 cho phép chúng ta sử dụng nhiều hình để làm background, cú pháp giống như background thường nhưng cách nhau dấu "," cho mỗi hình.
Ví dụ:
CSS
.backgroundcss
{
background:url("/examples/multi bg img/hoa2.jpg") no-repeat scroll center top
CSS3 Multiple Columns
Với CSS3 chúng ta có thể lay-out chuỗi thành nhiều cột như các tờ báo.
Phần này sẽ giới thiệu về thuộc tính: column-count( số cột), column-gap( khoảng cách 2 cột), column-rule( thuộc tính).
Ví dụ:
CSS
<style type="text/css">
.newspaper
{
-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;
kysi_datinh's blog | Login or register to post comments | Tags: column, CSS, CSS căn bản, CSS3 nâng cao CSS3 Animations
Với CSS3 Animation ta có thể tạo các chuyển động thay thế cho các ảnh động, flash và javacript.
Các thuộc tính của CSS3 animation: @keyframes, animation, animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-play-state.
Trình duyệt hỗ trợ:
.jpg)
