3D Transform trong CSS

Sử dụng 3D Transform trong CSS, bạn có thể di chuyển các phần tử theo 3 trục: x, y và z. Dưới đây là các ví dụ xác định một cách rõ ràng cách phần tử sẽ quay theo các trục. Các phương thức của 3D Transform trong CSS Bảng dưới liệt kê các phương […]

2D Transform trong CSS3

2D Transforms được sử dụng để tái thay đổi cấu trúc phần tử, ví dụ như translate, rotate, scale, và skew. Bảng dưới liệt kê một số giá trị thường được sử dụng trong 2D Transforms: Giá trị Miêu tả matrix(n,n,n,n,n,n) Được sử dụng để định nghĩa Matrix Transforms (dạng tịnh tiến theo ma trận) […]

Shadow trong CSS

CSS3 hỗ trợ việc thêm Shadow cho văn bản hoặc cho các phần tử. Thuộc tính shadow có thể phân chia thành:

Con trỏ trong CSS

Thuộc tính cursor trong CSS giúp bạn xác định kiểu con trỏ hiển thị tới người dùng. Một cách sử dụng phổ biến của thuộc tính này là sử dụng các hình ảnh làm con trỏ hiển thị trong các nút submit trên các form. Theo mặc định, khi con trỏ hover qua một link, thì con […]

Cách tạo góc bo tròn cho phần tử HTML bằng CSS

Thuộc tính border-radius dùng để tạo góc bo tròn cho các phần tử, hình ảnh,….. Cách tạo góc bo tròn cho phần tử HTML bằng CSS Cách tạo góc bo tròn cho phần tử Một phần tử luôn có bốn góc ở bốn vị trí như sau: top-lefttop-rightbottom-leftbottom-right Để tạo góc bo tròn cho phần […]

Tổng quan về CSS3

CSS3 là gì? CSS3 là phiên bản mới nhất của CSS. Cách sử dụng CSS3 hoàn toàn giống với cách sử dụng CSS mà bạn đã từng học. CSS3 KẾ THỪA các tính năng và thuộc tính của những phiên bản CSS trước đó. Đồng thời PHÁT TRIỂN THÊM các tính năng và thuộc tính […]

Trích xuất một phần hình ảnh bằng CSS

Trích xuất hình ảnh là kỹ thuật lấy một phần hình ảnh từ một tấm hình gốc. Ví dụ, có một tấm hình như phía dưới Tôi có thể trích xuất lấy ra một phần nhỏ Kỹ thuật trích xuất hình ảnh Để trích xuất một phần hình ảnh từ một tấm hình gốc, chúng […]

Tạo hình ảnh trong suốt bằng thuộc tính Opacity CSS

Thuộc tính opacity dùng để tạo hiệu ứng trong suốt (mờ ảo) cho hình ảnh, phần tử,….. Bình thường Trong suốt Bình thường Trong suốt Tạo hình ảnh trong suốt Để tạo hình ảnh trong suốt, ta thiết lập thuộc tính opacity cho hình ảnh đó Giá trị của thuộc tính opacity nằm trong khoảng […]

Tạo Album hình ảnh đơn giản bằng CSS

Tạo bộ sưu tập ảnh đơn giản Dưới đây là một bộ sưu tập ảnh đơn giản chỉ gồm hình và tiêu đề của tấm hình Đặt tiêu đề cho hình ảnh tại đây Đặt tiêu đề cho hình ảnh tại đây Đặt tiêu đề cho hình ảnh tại đây Đặt tiêu đề cho hình […]

Cách định dạng một bộ phận của phần tử trong CSS

Bộ phận tức là một phần nào đó của phần tử. Ví dụ, tôi có phần tử là một đoạn văn như sau: Web cơ bản, hướng dẫn học lập trình web từ cơ bản đến nâng cao 1, Web cơ bản, hướng dẫn học lập trình web từ cơ bản đến nâng cao 2, […]

Cách định dạng phần tử dựa theo trạng thái của phần tử trong CSS

Thông thường, khi người dùng thực hiện một hành động nào đó tác động lên phần tử, khi đó phần tử sẽ nhận một trạng thái Ví dụ: Khi ta bấm vào phần tử, phần tử sẽ nhận trạng thái active Khi ta dí chuột vào phần tử, phần tử sẽ nhận trạng thái hover […]

Cách căn lề cho phần tử khối trong CSS

Căn lề cho phần tử khối (Block element) Một phần tử khối sẽ có chiều rộng chiếm toàn bộ chiều rộng của phần tử chứa nó, và sẽ có ngắt xuống dòng ở cả trước và sau của khối. Ví dụ, dưới đây là các thẻ tạo phần tử khối: <div> <p> <h1> – <h6> […]

Cách sử dụng thuộc tính Float trong CSS để thiết kế Layout

Khái niệm về thuộc tính float Thuộc tính float có tác dụng đẩy phần tử sang bên trái hoặc bên phải. Đẩy sang bên trái Đẩy sang bên phải Nó thường được áp dụng vào việc thiết kế bố cục của trang web (Layout) LẬP TRÌNH WEB HTML CSS JavaScript MySQL PHP Phần nội dung […]

Cách chọn phần tử dựa theo thuộc tính và giá trị thuộc tính trong CSS

Ở bài hướng dẫn này, bạn sẽ được tìm hiểu cách chọn ra các phần tử dựa theo: Tên thuộc tính của phần tử Giá trị thuộc tính của phần tử Bộ chọn [attribute] Bộ chọn [attribute] dùng để chọn ra các phần tử có chứa thuộc tính được chỉ định. Ví dụ Đoạn mã […]

Cách chọn phần tử dựa theo quan hệ huyết thống trong CSS

Mối quan hệ giữa các phần tử Trong một tập hợp các phần tử HTML, chúng cũng có những mối quan hệ huyết thống giống như con người chúng ta. Ví dụ, tôi có một đoạn mã HTML như sau:

Thiết lập vị trí cho phần tử bằng thuộc tính position CSS

Thuộc tính position dùng để xác định kiểu vị trí cho phần tử HTML. Kiểu vị trí sẽ quyết định cách thức mà phần tử sẽ được hiển thị trong trang web. Ví dụ: HTMLCSS Thuộc tính vị trí Các thuộc tính vị trí (top, bottom, left, right) thường được sử dụng chung với thuộc […]

Các thuộc tính định dạng BẢNG (TABLE) trong CSS

Với các thuộc tính định dạng bảng của CSS, ta có thể tạo ra được những cái bảng thật chuyên nghiệp: Chuyên nghành Khoa – viện Trường Cơ khí – điện tử Khoa Công nghệ Trường ĐH Sài Gòn Truyền thông và mạng máy tính Khoa Công nghệ Thông tin Trường ĐH Cần Thơ Kinh […]