Thiết kế Layout – Bố cục website trong CSS

Thiết kế layout hay thiết kế bố cục là bước đầu tiên và rất quan trọng trong quy trình thiết kế một website. Có một số cách thiết kế website bằng CSS, tuy nhiên kỹ thuật đang được sử dụng phổ biến và đạt hiệu quả khá cao hiện nay là kết hợp HTML Div với [ [ ...]

Rounded Corner trong CSS

Rounded Corner trong CSS là việc sử dụng thuộc tính border-radius để bo tròn góc cạnh các phần tử. Thuộc tính Border-radius trong CSS Thuộc tính Border-radius trong CSS được sử dụng để xác định bán kính của các góc của phần tử và bo tròn nó theo bán kính ấy. Ví dụ: 1. Bo tròn [ [ ...]

Border Image – Tạo đường viền bằng hình trong CSS

Border Image trong CSS là việc thêm hình ảnh xuất hiện trên đường viền cho các phần tử. Bạn không cần sử dụng bất cứ HTML code nào để gọi Border Image. Thuộc tính border-image trong CSS Thuộc tính border-image trong CSS cho phép bạn chỉ định một hình ảnh sẽ sử dụng thay thế đường viền [ [ ...]

Multiple Background trong CSS

Multiple Background là một thuộc tính nâng cao để xử lý background trong CSS, được sử dụng để thêm một hoặc nhiều ảnh nền cho một phần tử mà không cần sử dụng code HTML. Ở bài viết này, Quantrimang.com sẽ cùng bạn tìm hiểu về các thuộc tính sau: background-size background-origin background-clip Multiple Background là [ [ ...]

Unit – Đơn vị đo trong CSS

CSS hỗ trợ cho chúng ta rất nhiều các đơn vị đo độ dài, hay còn gọi là Unit để áp dụng vào trong các thuộc tính cần đến nó như margin, padding, width, height… Ví dụ đơn vị theo sau các thuôc tính độ dài, chẳng hạn như 10px, 2em… Tuy nhiên cần chú ý một số điều [ [ ...]

Hiệu ứng Shadow trong CSS

Thuộc tính Shadow trong CSS được sử dụng để thiết lập bóng cho các phần tử thành phần trong website. Ở bài viết này, Quantrimang.com sẽ cùng bạn tìm hiểu về 2 hiệu ứng được sử dụng nhiều nhất: text-shadow dành cho đoạn text. box-shadow dành cho phần tử dạng box. Text Shadow Thuộc tính text-shadow sử dụng [ [ ...]

Sử dụng Web Font trong CSS

Web font là font chữ được các nhà thiết kế website đưa lên host của website, không cần cài đặt vào máy tính của người dùng. Để thực hiện điều này, bạn sử dụng một rule với tên gọi là @font-face, rule này sẽ tạo ra một font định danh và trỏ tới một file font nào [ [ ...]

2D Transform trong CSS

Transform trong CSS là những thuộc tính dùng để “biến hình” cho các phần tử ban đầu, cho phép chúng ta thay đổi vị trị, hình dáng hay xoay phần tử theo các chiều. Có 2 kiểu thường gặp là 2D and 3D transformation. (Transformation là cách gọi chung của hiệu ứng thay đổi hình dạng, kích [ [ ...]

3D Transform trong CSS

Transform trong CSS là những thuộc tính dùng để “biến hình” cho các phần tử ban đầu, cho phép chúng ta thay đổi vị trị, hình dáng hay xoay phần tử theo các chiều. Có 2 kiểu thường gặp là 2D and 3D transformation. (Transformation là cách gọi chung của hiệu ứng thay đổi hình dạng, kích thước [ [ ...]

Hiệu ứng chuyển đổi Transition trong CSS

Thuộc tính Transition trong CSS được sử dụng khá rộng rãi trong thiết kế web để tạo ra các hiệu ứng chuyển đổi đẹp mắt trên website một cách dễ dàng. Transition hoạt động bằng cách thay đổi giá trị thuộc tính một cách trơn tru từ giá trị này sang giá trị khác trong khoảng [ [ ...]

Hiệu ứng chuyển động Animation trong CSS

Animation được giới thiệu trong phiên bản CSS3, cho phép tạo hiệu ứng chuyển động mà không cần sử dụng đến Javascript hay Flash. CSS Animation là gì? Animation được hiểu là hiệu ứng chuyển động, sử dụng để tạo hiệu ứng di chuyển cho các phần tử và được ứng dụng khá nhiều trong các website [ [ ...]

Tạo Button trong CSS

Button là những nút có thể click trên trang web của bạn. Ở bài viết này, Quantrimang.com sẽ hướng dẫn cách tạo các button và giới thiệu một số button đẹp mà bạn có thể áp dụng. Các nút kiểu dáng cơ bản .button { background-color: #58257b; /* màu của Quản trị mạng ^^ */ border: [ [ ...]

Hiệu ứng Tooltip trong CSS

Tooltip thường được sử dụng để làm xuất hiện một hộp nhỏ khi di chuột qua văn bản hoặc hình ảnh nào đó với thông tin liên quan đến thành phần được chuột di qua. Xét về mặt trải nghiệm người dùng, các tooltip cung cấp cho người dùng nguồn thông tin một cách nhanh chóng [ [ ...]

Gradient – màu biến đổi tuyến tính trong CSS

Gradient – màu biến đổi tuyến tính trong CSS cho phép tạo ra các phần tử có màu nền background là các hiệu ứng chuyển màu giữa hai hay nhiều màu sắc được chỉ định. Có 2 loại Gradient được CSS hỗ trợ: Linear Gradient: Quét màu xuất phát từ 1 phía, có thể theo chiều lên, [ [ ...]

Specificity trong CSS

Specificity trong CSS là gì? Nếu có hai hay nhiều quy tắc CSS (CSS rule) xung đột trỏ đến cùng một phần tử, trình duyệt sẽ tuân theo một số nguyên tắc để xác định độ ưu tiên cho các quy tắc, quy tắc nào có độ ưu tiên cao nhất sẽ được áp dụng. [ [ ...]