Định nghĩa và sử dụng Chọn nhiều bộ chọn giúp bạn có thể chọn một lúc nhiều bộ chọn khác nhau, tốn ít thời gian hơn cho việc chọn từng bộ chọn. Cấu trúc Đã được thêm vào từ phiên bản 1.0 $(‘tag’) Ví dụ Html viết: <!DOCTYPE HTML> <html> <head> <meta charset=”utf-8″> <title>Tiêu đề</title> […]

Định nghĩa và sử dụng Bộ chọn #id: chọn thành phần theo từng id cụ thể. Cấu trúc Đã được thêm vào từ phiên bản 1.0 $(‘#tênid’) $(‘tag#tênid’) Ví dụ Html viết: <!DOCTYPE HTML> <html>     <head>       <meta charset=”utf-8″>         <title>Tiêu đề</title>         <script src=”https://code.jquery.com/jquery-latest.js”></script> […]

Định nghĩa và sử dụng Bộ chọn .class: chọn thành phần theo từng class cụ thể. Cấu trúc Đã được thêm vào từ phiên bản 1.0 $(‘.tênclass’) $(‘tag.tênclass’) Ví dụ Html viết: <!DOCTYPE HTML> <html> <head> <meta charset=”utf-8″> <title>Tiêu đề</title> <script src=”https://code.jquery.com/jquery-latest.js”></script> <script> $(function(){ $(‘.test’).css(‘border’,’1px solid blue’); }); </script> </head> <body> <div class=”test”>div</div> <p>p</p> <div> […]

Định nghĩa và sử dụng Bộ chọn tag: chọn thành phần theo từng tag cụ thể. Cấu trúc Đã được thêm vào từ phiên bản 1.0 $(‘tag’) Ví dụ Html viết: <!DOCTYPE HTML> <html> <head> <meta charset=”utf-8″> <title>Tiêu đề</title> <script src=”https://code.jquery.com/jquery-latest.js”></script> <script> $(function(){ $(‘p’).css(‘border’,’1px solid blue’); }); </script> </head> <body> <div>div</div> <p>p</p> <div> <p>p bên […]

Định nghĩa và sử dụng Bộ chọn *: chọn tất cả các thành phần có trong văn bản HTML, khi sử dụng bộ chọn này có thể sẽ khiến quá trình xử lý của một số trình duyệt chậm lại. Cấu trúc Đã được thêm vào từ phiên bản 1.0 $(‘*’) Ví dụ Html viết: […]

Định nghĩa và sử dụng Thuộc tính word-wrap sẽ làm cho những từ dài xuống hàng mà không làm vỡ layout. Cấu trúc tag { word-wrap: giá trị; } Thuộc tính: Thuộc tính giá trị Mô tả word-wrap break-word Những từ quá dài sẽ xuống hàng. normal Trả về dạng mặc định ban đầu cho […]

Định nghĩa và sử dụng Thuộc tính word-break sẽ làm cho những chữ trong một từ không còn là một thể thống nhất, nghĩa là có thể xuống hàng bất cứ vị trí nào trong từ. Cấu trúc tag { word-break: giá trị; } Thuộc tính: Thuộc tính giá trị Mô tả word-break break-all khi […]

Định nghĩa và sử dụng Thuộc tính transition xác định một quá trình chuyển đổi khi có một hành động. Cấu trúc tag { transition: giá trị; -moz-transition: giá trị; -webkit-transition: giá trị; -o-transition: giá trị; } Trong đó: -moz-transition hỗ trợ cho firefox. -webkit-transition hỗ trợ cho Google Chrome và Safari. -o-transition hỗ trợ […]

Định nghĩa và sử dụng transform: Xác định một chuyển đổi 2 chiều, 3 chiều, có thể là xoay, tỷ lệ, di chuyển, nghiêng… transform-origin: Xác định trục cho một chuyển đổi 2 chiều, 3 chiều. transform-style: Các thành phần bên trong sẽ giữ vị trí 3D của nó. Cấu trúc tag { thuộc tính: giá trị; } […]

Định nghĩa và sử dụng Thuộc tính text trong css3 dùng để định dạng các dạng text ngoài dạng đã được định nghĩa ở css2. Cấu trúc tag { thuộc tính: giá trị; } Thuộc tính: Thuộc tính giá trị Mô tả text-justify auto Trình duyệt tự động sắp xếp text cho thành phần. distribute Tăng […]

Định nghĩa và sử dụng Thuộc tính resize định dạng cho vùng nội dung mà người dùng có thể thay đổi được kích thước. Cấu trúc tag { resize: giá trị; } Thuộc tính: Thuộc tính giá trị Mô tả resize both Người dùng có thể thay đổi cả chiều rộng và chiều cao của […]

Định nghĩa và sử dụng Thông thường khi nhìn một thành phần ta sẽ thấy thành phần có dạng 2D (chiều rộng và chiều cao), để nhìn vật thể 3D ta cần có thêm chiều sâu, thuộc tính perspective sẽ cho ta thấy được chiều sâu của thành phần, khoảng chiều sâu được tính từ […]