Overflow trong CSS

Đặc tính CSS overflow xác định nội dung sẽ hiển thị ra sao khi nó quá lớn so với khung định sẵn. CSS Overflow Đặc tính overflow cho biết liệu có cắt nội dung hay thêm thanh cuộn vào nội dung của phần tử khi nó quá lớn so với khu vực được định trước. [ [ ...]

31
Th3
Thuộc tính FLOAT và CLEAR trong CSS

Thuộc tính Float sử dụng để chuyển một phần tử sang góc trái hoặc phải của không gian bao quanh nó, rất cần thiết trong việc định dạng bố cục trang. Theo mặc định, tất cả các phần tử HTML là không float. Thuộc tính Float có thể có một trong các giá trị sau: left: Cố định phần [ [ ...]

31
Th3
Thuộc tính Display (inline-block) trong CSS

Có thể nhận thấy rằng, một số thẻ HTML như <div>, <p>, <ul> luôn bắt đầu bằng một dòng mới và có độ dài dòng trải dài 100% trang web, trong khi các thẻ HTML khác như <span>, <img> hoặc <a> thì thường được đặt nối tiếp nhau trên cùng một dòng. Tại sao lại có sự khác biệt như vậy? [ [ ...]

31
Th3
Thuộc tính Display (inline-block) trong CSS

Có thể nhận thấy rằng, một số thẻ HTML như <div>, <p>, <ul> luôn bắt đầu bằng một dòng mới và có độ dài dòng trải dài 100% trang web, trong khi các thẻ HTML khác như <span>, <img> hoặc <a> thì thường được đặt nối tiếp nhau trên cùng một dòng. Tại sao lại có sự khác biệt như vậy? [ [ ...]

31
Th3
Căn chỉnh – Align trong CSS

Align là sự thiết lập vị trí của phần tử hoặc nội dung của phần tử. Trong CSS có rất nhiều thuộc tính cho phép căn chỉnh (align) một phần tử như margin, padding, text-align, position, float… Align giúp ích cho bạn rất nhiều trong quá trình định dạng văn bản, hình ảnh. Ở bài viết này, Quantrimang.com [ [ ...]

01
Th4
Combinator trong CSS

Combinator (tổ hợp) thể hiện mối quan hệ giữa các selector, cho phép kết hợp các selector lại với nhau dưới dạng các chuỗi ký tự. Trong CSS, có 4 combinator quen thuộc như sau: Descendant combinator (space): Select những phần tử là con cháu của một phần tử khác. Child combinator (>): Select những phần tử là [ [ ...]

01
Th4
Pseudo-Class trong CSS

Pseudo-Class trong CSS được sử dụng để thêm các hiệu ứng đặc biệt tới một số Selector mà không cần sử dụng đến JavaScript hoặc bất cứ ngôn ngữ Script nào. Ví dụ viết CSS đổi màu các liên kết khi rê chuột vào, đổi thuộc tính một phần tử khi nhấp vào, định dạng đường dẫn khi [ [ ...]

01
Th4
Thuộc tính Opacity/Transparency trong CSS

Thuộc tính opacity xác định độ mờ, độ trong suốt của một phần tử. Độ trong suốt của hình ảnh Thuộc tính opacity có thể lấy giá trị từ 0.0 – 1.0, giá trị càng nhỏ thì độ trong suốt càng nhiều. Chú ý: Phiên bản Internet Explorer 8 trở về trước sử dụng filter:alpha(opacity=x). x có thể mang [ [ ...]

01
Th4
Thanh điều hướng – Navigation Bar trong CSS

Thanh điều hướng – Navigation Bar hay còn gọi là thanh menu, được dùng để điều hướng các mục chính của một website, ví dụ như trên Quantrimang.com có một số điều hướng như “Trang chủ”, “Làng công nghệ”, “Công nghệ”, “Lập trình”… Navigation Bar thường được đặt ở đầu trang web hoặc sau header, giúp website [ [ ...]

01
Th4
Sử dụng Dropdown trong CSS

Hiệu ứng Dropdown được sử dụng chủ yếu với các thanh menu điều hướng như một giải pháp không thể thiếu trong thiết kế trang web, đăc biệt là các website có số lượng chỉ mục nhiều, không thể sắp xếp toàn bộ trên giao diện. Ở bài viết này, Quantrimang.com sẽ cùng bạn tìm hiểu [ [ ...]

01
Th4
Thư viện hình ảnh trong CSS

SS có thể được sử dụng để tạo những bộ sưu tập giúp bạn quản lý hình ảnh trong website của mình. Chúng được tạo như sau: Ví dụ 1: <!DOCTYPE html> <html> <head> <style> div.gallery { margin: 5px; border: 1px solid #ccc; float: left; width: 180px; } div.gallery:hover { border: 1px solid #777; } [ [ ...]

01
Th4
Image Sprite trong CSS

Hình ảnh Sprite là gì? Hình ảnh Sprite là một tập hợp các hình ảnh trang trí như icon hay button nằm trong một file hình duy nhất, sau đó dùng thuộc tính background của CSS để hiện ra đúng vị trí cần thiết. Các trang web có nhiều hình ảnh thường mất nhiều thời gian [ [ ...]

01
Th4
Bộ chọn thuộc tính – Attribute Selector trong CSS

Attribute selector là gì? Attribute selector là cách chọn các phần tử bạn muốn định kiểu (style) trong tài liệu HTML dựa vào thuộc tính của một hay nhiều thẻ HTML nào đó. Attribute selector có thể chọn được các đối tượng mà không cần phải khai báo thêm các Class hoặc ID vào trong thẻ [ [ ...]

01
Th4
Form – Biểu mẫu trong CSS

Form – biểu mẫu là một phần không thể thiếu trong bất kì loại website nào. Ở bài viết này, Quantrimang.com sẽ hướng dẫn bạn cách xây dựng phần giao diện hiển thị của một biểu mẫu cơ bản. Giao diện này có thể được làm khá đẹp mắt với CSS, dạng như này: Định dạng [ [ ...]

01
Th4
Counter – Bộ đếm trong CSS

Counter – Bộ đếm trong CSS được dùng để đánh số đối tượng nhằm biểu thị hệ thống phân cấp thông tin trên website, giúp hiển thị thông tin một cách rõ ràng và dễ hiểu cho người đọc. Đây là một tính năng khá hữu ích, nhưng chưa được nhiều người biết đến của CSS. [ [ ...]

01
Th4
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 [ [ ...]

01
Th4
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 [ [ ...]

01
Th4
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 [ [ ...]

01
Th4
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à [ [ ...]

01
Th4
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 [ [ ...]

01
Th4