К содержанию

Hướng dẫn tham khảo CSS

Hướng dẫn tham khảo CSS tiện lợi, được viết bằng ngôn ngữ đơn giản, kèm theo ví dụ. Có tất cả những thứ cần thiết nhất, cũng như Flex, Grid, Animation, Gradient, Transform và tất cả các tính năng hiện đại!

Quan trọng nhất

Thuộc tính font-size

Thuộc tính font-style

Thuộc tính font-weight

Thuộc tính line-height

Thuộc tính font-family

Thuộc tính font

Thuộc tính text-indent

Thuộc tính text-align

Ngắt dòng

Thuộc tính white-space

Thuộc tính word-break

Thuộc tính overflow-wrap

Thuộc tính overflow

Thuộc tính overflow-x

Thuộc tính overflow-y

Thuộc tính tab-size

Thuộc tính text-overflow

Thuộc tính hyphens

Thuộc tính line-clamp

Màu sắc

Thuộc tính color

Bo góc

Thuộc tính border-radius

Thuộc tính border-top-left-radius

Thuộc tính border-top-right-radius

Thuộc tính border-bottom-left-radius

Thuộc tính border-bottom-right-radius

Đường viền ngoài

Thuộc tính outline

Thuộc tính outline-width

Thuộc tính outline-style

Thuộc tính outline-color

Thuộc tính outline-offset

Bóng đổ

Thuộc tính text-shadow

Thuộc tính box-shadow

Độ trong suốt

Thuộc tính opacity

Thuộc tính visibility

Gradient

Hàm linear-gradient

Hàm radial-gradient

Hàm repeating-linear-gradient

Hàm repeating-radial-gradient

Cắt xén

Thuộc tính clip

Thuộc tính clip-path

Thuộc tính mask

Thuộc tính mask-position

Thuộc tính mask-image

Thuộc tính mask-mode

Thuộc tính mask-size

Thuộc tính mask-repeat

Thuộc tính mask-origin

Thuộc tính mask-clip

Thuộc tính mask-composite

Hình ảnh đường viền

Thuộc tính border-image

Thuộc tính border-image-source

Thuộc tính border-image-slice

Thuộc tính border-image-repeat

Thuộc tính border-image-outset

Thuộc tính border-image-width

Thao tác với chuột

Phần tử giả selection

Thuộc tính user-select - Cấm chọn văn bản

Thuộc tính pointer-events

Thuộc tính cursor

Kiểu dáng

Lệnh !important

Lệnh media

Lệnh supports

Lệnh import

Pseudo-class default

Giả lớp fullscreen

Pseudoclass in-range

Giả lớp indeterminate

Pseudo-class invalid

Pseudo-class optional

Pseudo class out-of-range

Giả lớp placeholder-shown

Giả lớp read-only

Pseudo class read-write

Giả lớp required

Giả lớp valid

Thuộc tính caret-color

Pseudo-class focus-within

Thuộc tính scroll-behavior

Danh sách

Thuộc tính list-style-type

Thuộc tính list-style-position

Thuộc tính list-style-image

Thuộc tính list-style

Bảng

Thuộc tính border-collapse

Thuộc tính border-spacing

Thuộc tính empty-cells

Thuộc tính table-layout

Liên kết

Pseudo-class link

Pseudo-class visited

Giả lớp hover

Pseudo-class active

Biểu mẫu

Giả lớp focus

Pseudo-element placeholder

Giả lớp checked

Giả lớp disabled

Giả lớp enabled

Kích thước

Thuộc tính width

Thuộc tính height

Thuộc tính min-width

Thuộc tính max-width

Thuộc tính min-height

Thuộc tính max-height

Khoảng đệm

Thuộc tính margin

Thuộc tính margin-top

Thuộc tính margin-bottom

Thuộc tính margin-left

Thuộc tính margin-right

Thuộc tính padding

Thuộc tính padding-top

Thuộc tính padding-bottom

Thuộc tính padding-left

Thuộc tính padding-right

Thuộc tính padding-block-end

Thuộc tính padding-block-start

Thuộc tính padding-inline-end

Thuộc tính padding-inline-start

Khác

Thuộc tính box-sizing

Thuộc tính display

Thuộc tính resize

Thuộc tính aspect-ratio

Thuộc tính object-fit

Tính toán

Hàm calc

Hàm clamp

Hàm min

Hàm max

Đơn vị kích thước

Đơn vị px

Đơn vị em

Đơn vị rem

Đơn vị %

Đơn vị fr

Đơn vị vw

Đơn vị vh cho kích thước trong CSS

Đơn vị vmax

Đơn vị vmin

Flexbox

Thuộc tính flex-direction

Thuộc tính justify-content

Thuộc tính align-items

Thuộc tính flex-wrap

Thuộc tính flex-flow

Thuộc tính align-self

Thuộc tính order

Thuộc tính flex-basis

Thuộc tính flex-grow

Thuộc tính flex-shrink

Thuộc tính flex

Định vị

Thuộc tính position

Thuộc tính z-index

Pseudo-element backdrop

Thuộc tính bottom

Thuộc tính top

Thuộc tính left

Thuộc tính right

Thuộc tính caption-side

Chảy xung quanh

Thuộc tính float

Thuộc tính clear

Thuộc tính shape-outside

Thuộc tính shape-margin

Cột

Thuộc tính column-count

Thuộc tính column-rule

Thuộc tính column-width

Thuộc tính column-span

Thuộc tính columns

Phủ định

Giả lớp not

Theo vị trí

Giả lớp first-child

Giả lớp last-child

Pseudo-class nth-child

Pseudo-class nth-last-child

Giả lớp only-child

Theo loại và vị trí

Giả lớp first-of-type

Pseudo-class last-of-type

Giả lớp nth-of-type

Giả lớp nth-last-of-type

Giả lớp only-of-type

Khác

Pseudo-class empty

Giả lớp lang

Pseudoclass target

Một phần văn bản

Phần tử giả first-letter

Pseudo-element first-line

Chuyển tiếp mượt mà

Thuộc tính transition-duration

Thuộc tính transition-delay

Thuộc tính transition-property

Thuộc tính transition-timing-function

Thuộc tính transition

Hoạt ảnh

Lệnh @keyframes

Thuộc tính animation-name

Thuộc tính animation-duration

Thuộc tính animation-delay

Thuộc tính animation-timing-function

Thuộc tính animation-iteration-count

Thuộc tính animation-direction

Thuộc tính animation-fill-mode

Thuộc tính animation-play-state

Thuộc tính animation

Biến đổi

Thuộc tính transform

Thuộc tính transform-origin

Xoay

Hàm rotate

Hàm rotateX

Hàm rotateY

Hàm rotateZ

Hàm rotate3d

Thu phóng

Hàm scale

Hàm scaleX

Hàm scaleY

Nghiêng

Hàm skew

Hàm skewX

Hàm skewY

Dịch chuyển

Hàm translate

Hàm translateX

Hàm translateY

Chèn văn bản

Pseudo-element after

Phần tử giả before

Thuộc tính content

Hàm attr

Bộ đếm

Thuộc tính counter-increment

Thuộc tính counter-reset

Bộ chọn

Bộ chọn theo ngữ cảnh trong CSS

Bộ chọn con trong CSS

Bộ chọn lân cận trong CSS

Bộ chọn phần tử anh chị em trong CSS

Bộ chọn phổ quát trong CSS

Bộ chọn

Bộ chọn theo tên thuộc tính

Bộ chọn theo giá trị thuộc tính

Bộ chọn theo phần đầu giá trị thuộc tính

Bộ chọn theo phần cuối giá trị thuộc tính

Bộ chọn thuộc tính theo văn bản

Bộ chọn theo một trong các giá trị của thuộc tính

Bộ chọn thuộc tính theo dấu gạch ngang trong giá trị