Hướng dẫn css positioning cheat sheet pdf - css định vị cheat sheet pdf

Mục lục

CSS là viết tắt của các bảng phong cách xếp tầng. Các tài liệu được viết bằng HTML được định dạng và trình bày bằng CSS. Có nhiều tính năng trong HTML và CSS là sự bổ sung phổ biến nhất cho nó. Thay vì tự thay đổi trang web, với CSS, chỉ cần thay đổi các kiểu, điều đó có nghĩa là ít cơ hội hơn cho mã tổng thể. Hơn nữa, HTML chứa A & NBSP; Rất nhiều mã lặp lại cho mỗi trang web, có thể được đặt trong một tệp chung với CSS và được sử dụng trên các trang web. Cascading Style Sheets. The documents written in HTML are formatted and presented using CSS. There are many features in HTML and CSS is the most popular addition to it. Rather than changing the web page itself, with CSS, only the styles need to be changed, which means fewer chances to the overall code. Further, HTML contained a lot of repeated code for each web page, which can be put in a common file with CSS and used across web pages.

CSS chứa - Bộ chọn và khối khai báo. Một khối khai báo bao gồm các cặp giá trị tài sản. & NBSP; Ví dụ, & nbsp; – selector and declaration block. A declaration block consists of property-value pairs. Example,

#title

Ở đây, tiêu đề là bộ chọn và khối khai báo là toàn bộ điều bên trong niềng răng xoăn. Được lưu dưới dạng tệp - .cssSaved as - .css file

CSS Cheat Sheet & NBSP;

1. Phông chữ

Tài sản	Giá trị	Thí dụ
kiểu phông chữ	bình thường/in nghiêng/thừa kế/xiên	Kiểu phông chữ: Bình thường
Phông chữ-biến thể	bình thường/thừa kế/caps nhỏ	Phông chữ-biến thể: Vình nhỏ
Phông chữ-Trọng lượng	bình thường/táo bạo/táo bạo hơn/nhẹ/100-900/kế thừa	Font-weight: in đậm
cỡ chữ	? PX/?%/nhỏ/trung bình/lớn	kích thước phông chữ: kích thước phông chữ lớn: 5
Phông chữ-gia đình	Verdana/Calibri .. vv…	Phông chữ-gia đình: Verdana

2. Văn bản

Tài sản	Giá trị	Thí dụ
kiểu phông chữ	bình thường/in nghiêng/thừa kế/xiên	Kiểu phông chữ: Bình thường
Phông chữ-biến thể	bình thường/thừa kế/caps nhỏ	Phông chữ-biến thể: Vình nhỏ
Phông chữ-Trọng lượng	bình thường/táo bạo/táo bạo hơn/nhẹ/100-900/kế thừa	Font-weight: in đậm
cỡ chữ	? PX/?%/nhỏ/trung bình/lớn	kích thước phông chữ: kích thước phông chữ lớn: 5
Phông chữ-gia đình	Verdana/Calibri .. vv…	Phông chữ-gia đình: Verdana
2. Văn bản	văn bản-align	trái/phải/trung tâm/biện minh
Văn bản-Align: Biện minh;	Khoảng cách chữ cái	bình thường/chiều dài/?%
Khoảng cách thư: 3%;	Văn bản-outline	Không/chiều dài/màu
Text-Outline: Màu đỏ	bao nhiêu từ	bình thường/chiều dài
bao nhiêu từ: bình thường;	hướng đi	ltr/rtl/kế thừa
Hướng: LTR;	bao bọc văn bản	bình thường/không giới hạn/không

Mang văn bản: Bình thường

Tài sản	Giá trị	Thí dụ
kiểu phông chữ	bình thường/in nghiêng/thừa kế/xiên	Kiểu phông chữ: Bình thường
Phông chữ-biến thể	bình thường/thừa kế/caps nhỏ	Phông chữ-biến thể: Vình nhỏ
Phông chữ-Trọng lượng	bình thường/táo bạo/táo bạo hơn/nhẹ/100-900/kế thừa	Font-weight: in đậm
cỡ chữ	? PX/?%/nhỏ/trung bình/lớn	kích thước phông chữ: kích thước phông chữ lớn: 5
Phông chữ-gia đình	Verdana/Calibri .. vv…	Phông chữ-gia đình: Verdana
2. Văn bản	Verdana/Calibri .. vv…	Phông chữ-gia đình: Verdana
2. Văn bản	Verdana/Calibri .. vv…	Phông chữ-gia đình: Verdana
2. Văn bản	văn bản-align	trái/phải/trung tâm/biện minh
Văn bản-Align: Biện minh;	Khoảng cách chữ cái	bình thường/chiều dài/?%

Khoảng cách thư: 3%;

Tài sản	Giá trị	Thí dụ
Văn bản-outline	Không/chiều dài/màu	Text-Outline: Màu đỏ
bao nhiêu từ	bình thường/chiều dài	bao nhiêu từ: bình thường;
hướng đi	ltr/rtl/kế thừa	Hướng: LTR;
bao bọc văn bản	bình thường/không giới hạn/không	Mang văn bản: Bình thường
thụt lề văn bản	?%/? PX	Văn bản-Lãnh dạng: 2%
khoảng cách từ	Bình thường/?%/? PX	Khoảng cách từ: Bình thường
Chuyển đổi văn bản	không/chữ hoa/chữ thường/viết hoa	Text-Transform: chữ thường
Text-nhấn mạnh	không	Text-nhấn mạnh: Đổ đầy

văn bản-thông minh

Tài sản	Giá trị	Thí dụ
Tự động/Phân phối/Liên	Text-Justify: Phân phối	3. Giao diện người dùng
Ngoại hình - Áp dụng kiểu dáng cụ thể của nền tảng	Bình thường \| kế thừa \| [Biểu tượng \| Cửa sổ \| Máy tính để bàn \| không gian làm việc \| Tài liệu \| tooltip \| Hộp thoại \| nút \| Đẩy nút \| Siêu liên kết \| Đài phát thanh \| Hộp kiểm \| Menu-item \| Tab \| Menu \| Menubar \| kéo xuống-men \| pop-up-menu \| Danh sách-Menu \| Nhóm phát thanh \| Hộp kiểm-nhóm \| Đề cương cây \| phạm vi \| trường \| combo-box \| Chữ ký \| mật khẩu mở khóa]	Ngoại hình: Mật khẩu;
con trỏ	Tự động \| Crosshair \| Mặc định \| Con trỏ \| di chuyển \| Nghĩa vụ điện tử \| neresize \| NW-Resize \| n-resize \| SE-RENESIZE \| SW-Resize \| swresize \| S-Resize \| w-resize \| Văn bản \| Đợi \| Cứu giúp	.help {con trỏ: trợ giúp; }
Chỉ số NAV - Chỉ định thứ tự điều hướng tuần tự của phần tử hiện tại. Tương tự như chỉ mục tab trong HTML. Các giá trị có thể là tự động hoặc một số dương đại diện cho thứ tự điều hướng. Giá trị đầu tiên là 1.	Tự động \| kế thừa & nbsp; con số	Chỉ số Nav: 1;
Nav-up	Tự động \| kế thừa & nbsp; con số	Chỉ số Nav: 1;
Nav-up	Tự động \| kế thừa & nbsp; con số	Chỉ số Nav: 1;
Border-Bottom: Biên giới dưới đáy đường viền dưới đáy	& nbsp;	Border-Bottom-Color: Black Border-Bottom-Width: 15px
thời gian trang trí biên giới	Duy trì thiết kế nhất quán giữa các mảnh của phần tử/bản sao phần tử bị hỏng	Chế độ trang trí biên giới: Slice;
Biên giới-Radius-Top-Top-Right-Radius & NBSP; Biên giới-Bottom-Sh-Radius & NBSP; Biên giới-Bottom-Left-Radius & NBSP; Biên giới-đỉnh-trái-Radius	? PX	Biên giới-đỉnh-trái-Radius: 20px
hình ảnh biên giới	?%/kéo dài/lặp lại/vòng/không	Hình ảnh biên giới: lặp lại hình ảnh đường viền: 12px

6. Mô hình hộp & NBSP;

Tài sản	Giá trị	Thí dụ
trôi nổi	trái \| đúng \| không ai	Phao: Phải
Chiều cao	Độ dài tự động %	Chiều cao: 10px
Độ cao tối đa	không có độ dài %	Độ cao tối đa: 10px
chiều rộng tối đa	không có độ dài %	Độ cao tối đa: 10px
chiều rộng tối đa	không có độ dài %	Độ cao tối đa: 10px
chiều rộng tối đa	chiều rộng tối đa: 120%	chiều cao tối thiểu

chiều cao tối thiểu: 50%

Tài sản	Giá trị	Thí dụ
trôi nổi	trái \| đúng \| không ai	Phao: Phải
Chiều cao	Độ dài tự động %	Chiều cao: 10px
Độ cao tối đa	Độ dài tự động %	Chiều cao: 10px
Độ cao tối đa	trái \| đúng \| không ai	Phao: Phải

Chiều cao

Tài sản	Giá trị	Thí dụ
trôi nổi	trái \| đúng \| không ai	Phao: Phải
Chiều cao	trái \| đúng \| không ai	Phao: Phải
Chiều cao	trái \| đúng \| không ai	Phao: Phải
Chiều cao	trái \| đúng \| không ai	Phao: Phải
Chiều cao	Độ dài tự động %	Chiều cao: 10px
Độ cao tối đa	không có độ dài %	Độ cao tối đa: 10px
chiều rộng tối đa	chiều rộng tối đa: 120%	chiều cao tối thiểu
chiều cao tối thiểu: 50%	chiều rộng tối đa: 120%	chiều cao tối thiểu
chiều cao tối thiểu: 50%	chiều rộng tối thiểu	tự động % chiều dài
chiều rộng tối thiểu: 30px	6.1. Lề & nbsp;	Biên giới dưới đáy
Tự động/Chiều dài %	Biên độ lợi nhuận: 20px	lề trái
Tự động/Chiều cao %	Biên-trái: Tự động	lề
Biên độ bên lề: 30%	lề	Biên giới: 40mm
6.2. Đệm & nbsp;	đệm đáy	chiều dài %
Bóng đệm: 20px	Đá đệm	Đệm-đỉnh: 20px
Đau-Chân	Đau-Chân: 20px	Đá-bên trái
Padding-Left: 20px	trưng bày	Không có/nội tuyến/khối/nội tuyến/Danh sách-item/Run-in/Compact/Bàn/Table/Table-Row-Row-Group/Bảng tiêu đề/Bảng chân bàn-Foot-Group/Bảng/Bảng/Bảng-cột- Nhóm/Bảng-cột/Table-Cell/Table-Cap/Ruby/Ruby-Base/Ruby-Text/Ruby-Base-Nhóm/Ruby-Text-Tex

Hiển thị nội dòng

Tài sản	Giá trị	Thí dụ
trôi nổi	trái \| đúng \| không ai	Phao: Phải
Chiều cao	Độ dài tự động %	Chiều cao: 10px
Độ cao tối đa	không có độ dài %	Độ cao tối đa: 10px
chiều rộng tối đa	chiều rộng tối đa: 120%	chiều cao tối thiểu
chiều cao tối thiểu: 50%	chiều rộng tối thiểu	tự động % chiều dài
chiều rộng tối thiểu: 30px	6.1. Lề & nbsp;	Biên giới dưới đáy
Tự động/Chiều dài %	Biên độ lợi nhuận: 20px	lề trái
Tự động/Chiều cao %	Biên-trái: Tự động	lề
Biên độ bên lề: 30%	lề	Biên giới: 40mm

6.2. Đệm & nbsp;

Tài sản	đệm đáy
chiều dài %	Bóng đệm: 20px
Đá đệm	Đệm-đỉnh: 20px
Đau-Chân	Đau-Chân: 20px
Đá-bên trái	Padding-Left: 20px
trưng bày	lề

Biên giới: 40mm

Tài sản	Giá trị	Thí dụ
6.2. Đệm & nbsp;	đệm đáy	chiều dài %
Bóng đệm: 20px	Đá đệm	Đệm-đỉnh: 20px
Đau-Chân	Đau-Chân: 20px	Đá-bên trái
Padding-Left: 20px	trưng bày	Không có/nội tuyến/khối/nội tuyến/Danh sách-item/Run-in/Compact/Bàn/Table/Table-Row-Row-Group/Bảng tiêu đề/Bảng chân bàn-Foot-Group/Bảng/Bảng/Bảng-cột- Nhóm/Bảng-cột/Table-Cell/Table-Cap/Ruby/Ruby-Base/Ruby-Text/Ruby-Base-Nhóm/Ruby-Text-Tex
Hiển thị nội dòng	Định hướng marquee	Chuyển tiếp/Đảo ngược
Định hướng Marquee: Chuyển tiếp	Marquee-loop	vô hạn/số nguyên
Marquee-loop: 10	Marquee-Play-Count	Marquee-Play-Count: 50
tốc độ marquee	chậm/bình thường/nhanh	Marquee-Speed: Chậm

phong cách marquee

Tài sản	Giá trị	Thí dụ
Marquee-loop	vô hạn/số nguyên	Marquee-loop: 10
Marquee-Play-Count	Marquee-Play-Count: 50	tốc độ marquee

chậm/bình thường/nhanh

Tài sản	Giá trị	Thí dụ
Marquee-Speed: Chậm	phong cách marquee	cuộn/slide/thay thế
Phong cách Marquee: Cuộn	phong cách marquee	cuộn/slide/thay thế

Phong cách Marquee: Cuộn

Tài sản	Giá trị
tràn ra	none/asterisks/box/check/circle/diamond/disc/hyphen/square/decimal/decimal-leading-zero/lower-roman/upper-roman/lower-alpha/upper-alpha/lower-greek/lower-latin/upper-latin/hebrew/armenian/georgian/cjk-ideographic/hiragana/katakana/hiragana-iroha/katakana-iroha/footnotes Example: Có thể nhìn thấy/ẩn/cuộn/tự động/không phát hiện/không có nội dung/tràn-X/tràn
tràn: có thể nhìn thấy	?%/?px Example: Phong cách tràn
Auto/Marquee-Line/Marquee-Block	none/url Example: Phong cách tràn: Tự động
tràn-x	auto/?px Example: có thể nhìn thấy/ẩn/cuộn/tự động/không phát hiện/không có nội dung

Overflow-x: Cuộn

Tài sản	Giá trị	Thí dụ
Vòng xoay	góc	Xoay: 20deg
điểm xoay	Vị trí (giá trị được ghép nối ngoài bộ)	Điểm quay: 50% 50%
hiển thị	Có thể nhìn thấy/ẩn/sụp đổ	hoạt hình thời gian chức năng: tuyến tính;
Hoạt hình-Delay	thời gian	Hoạt hình-Delay: 5ms
Hoạt hình-itation-Count	kế thừa/số	Hoạt hình-itation-Count: 5
Phía định hướng hoạt hình	bình thường/xen kẽ	Định hướng hoạt hình: & nbsp; Luân phiên
hoạt hình-trạng thái chơi	Chạy/tạm dừng	Trò chơi hoạt hình: Chạy
chế độ hoạt hình	Không/lùi/chuyển tiếp/cả/ban đầu/kế thừa	Hoạt hình-fill-mode: Cả hai

14. Phác thảo

Tài sản	Giá trị	Thí dụ
phác thảo màu	Tên màu	Phác thảo màu: Màu xanh lá cây
kiểu phác thảo	không/chấm/chấm/rắn/rắn/đôi/rãnh/sườn/inset/ra mắt	kiểu phác thảo: rắn
phác thảo chiều rộng	mỏng/trung bình/dày/? PX	Đường viền chiều rộng: Độ rộng đường viền trung bình: 20px
Offset phác thảo	kế thừa/? px	Offset phác thảo: & nbsp; 15px

15. Siêu liên kết

Tài sản	Giá trị	Thí dụ
phác thảo màu	Tên màu	Phác thảo màu: Màu xanh lá cây
kiểu phác thảo	không/chấm/chấm/rắn/rắn/đôi/rãnh/sườn/inset/ra mắt	kiểu phác thảo: rắn
phác thảo chiều rộng	mỏng/trung bình/dày/? PX	Đường viền chiều rộng: Độ rộng đường viền trung bình: 20px

Offset phác thảo

Tài sản	Giá trị	Thí dụ
phác thảo màu	Tên màu	Phác thảo màu: Màu xanh lá cây
kiểu phác thảo	không/chấm/chấm/rắn/rắn/đôi/rãnh/sườn/inset/ra mắt	kiểu phác thảo: rắn
phác thảo chiều rộng	mỏng/trung bình/dày/? PX	Đường viền chiều rộng: Độ rộng đường viền trung bình: 20px
Offset phác thảo	kế thừa/? px	Offset phác thảo: & nbsp; 15px
15. Siêu liên kết	Tên mục tiêu	Dòng điện/Root/Parent/New/Modal/"String"
Tên mục tiêu: Cha mẹ	mục tiêu-mới	tab/window/none
Target-New: Cửa sổ	mục tiêu-mới	tab/window/none
Target-New: Cửa sổ	Vị trí mục tiêu	phía trước/sau/trên/phía sau
Mục tiêu: Mặt trận	16. Phương tiện truyền thông & NBSP;	Phù hợp
điền/ẩn/gặp/cắt lát	mỏng/trung bình/dày/? PX	Đường viền chiều rộng: Độ rộng đường viền trung bình: 20px

Offset phác thảo

Tài sản	Giá trị	Thí dụ
phác thảo màu	Tên màu	Phác thảo màu: Màu xanh lá cây
kiểu phác thảo	không/chấm/chấm/rắn/rắn/đôi/rãnh/sườn/inset/ra mắt	kiểu phác thảo: rắn
phác thảo chiều rộng	mỏng/trung bình/dày/? PX	Đường viền chiều rộng: Độ rộng đường viền trung bình: 20px
Offset phác thảo	kế thừa/? px	Offset phác thảo: & nbsp; 15px

15. Siêu liên kết

Tài sản	Giá trị	Thí dụ
phác thảo màu	Tên màu	Phác thảo màu: Màu xanh lá cây
kiểu phác thảo	Tên màu	Phác thảo màu: Màu xanh lá cây
kiểu phác thảo	không/chấm/chấm/rắn/rắn/đôi/rãnh/sườn/inset/ra mắt	kiểu phác thảo: rắn
phác thảo chiều rộng	mỏng/trung bình/dày/? PX	Đường viền chiều rộng: Độ rộng đường viền trung bình: 20px

Offset phác thảo

Tài sản	Giá trị	Thí dụ
phác thảo màu	Tên màu	Phác thảo màu: Màu xanh lá cây
kiểu phác thảo	không/chấm/chấm/rắn/rắn/đôi/rãnh/sườn/inset/ra mắt	kiểu phác thảo: rắn
phác thảo chiều rộng	mỏng/trung bình/dày/? PX	Đường viền chiều rộng: Độ rộng đường viền trung bình: 20px
Offset phác thảo	kế thừa/? px scale3d/scaleX/scaleY/scaleZ/rotate/rotate3d/rotateX/rotateY/rotateZ/ skewX/skewY/skew/perspective	Offset phác thảo: & nbsp; 15px
15. Siêu liên kết	Tên mục tiêu	Dòng điện/Root/Parent/New/Modal/"String"
Tên mục tiêu: Cha mẹ	mục tiêu-mới	tab/window/none

Target-New: Cửa sổ

Tài sản	Giá trị	Thí dụ
phác thảo màu	Tên màu	Phác thảo màu: Màu xanh lá cây
kiểu phác thảo	Tên màu	Phác thảo màu: Màu xanh lá cây
kiểu phác thảo	không/chấm/chấm/rắn/rắn/đôi/rãnh/sườn/inset/ra mắt	kiểu phác thảo: rắn
phác thảo chiều rộng	mỏng/trung bình/dày/? PX	Đường viền chiều rộng: Độ rộng đường viền trung bình: 20px
Offset phác thảo	mỏng/trung bình/dày/? PX	Đường viền chiều rộng: Độ rộng đường viền trung bình: 20px
Offset phác thảo	kế thừa/? px	Offset phác thảo: & nbsp; 15px
15. Siêu liên kết	Tên mục tiêu	Dòng điện/Root/Parent/New/Modal/"String"
Tên mục tiêu: Cha mẹ	mục tiêu-mới	tab/window/none
Target-New: Cửa sổ	Vị trí mục tiêu	phía trước/sau/trên/phía sau
Mục tiêu: Mặt trận	16. Phương tiện truyền thông & NBSP;	Phù hợp
điền/ẩn/gặp/cắt lát	Phù hợp: Điền	vị trí phù hợp
TOP/TRUNG TÂM/BOTTOM HOẶC TRÁI/TRUNG TÂM/QUYỀN?%/? PX	vị trí phù hợp: top 35%	Trẻ mồ côi
Số nguyên	Trẻ mồ côi: 4	định hướng hình ảnh
Tự động/Góc (DEG/RAD/TURN/GRAD	định hướng hình ảnh: 0grad	trang
Tự động/ID	mỏng/trung bình/dày/? PX	Đường viền chiều rộng: Độ rộng đường viền trung bình: 20px
Offset phác thảo	\| Không có \| X-chết \| yếu \| trung bình \| mạnh mẽ \| X-mạnh	Nghỉ ngơi sau: Trung bình; Nghỉ ngơi sau: 20ms;

22. Giảm dần

Tài sản	Nghĩa
:tích cực	phần tử hoạt động
:tiêu điểm	Yếu tố trong trọng tâm & nbsp;
: Liên kết	một liên kết không được biết đến
: Đã bật	một phần tử khi được bật
:Vô hiệu hóa	một phần tử khi bị vô hiệu hóa
:bay lượn	yếu tố khi bạn chuột qua & nbsp;
:đã kiểm tra	Phần tử đã kiểm tra
: Lựa chọn & NBSP;	một phần tử hiện đang được chọn hoặc tô sáng bởi người dùng
: Lang	cho phép tác giả chỉ định ngôn ngữ sử dụng trong phần tử cụ thể
: nth-child (n)	một yếu tố là anh chị em thứ n
: thứ n-last-child (n)	một yếu tố là anh chị em thứ n đếm từ anh chị em cuối cùng
: ﬁ đầu tiên	Anh chị em đầu tiên
:con cuối cùng	anh chị em cuối cùng
:con một	Chỉ có yếu tố trẻ em
: nth-of-type (n)	một yếu tố là anh chị em của loại
: thứ n-last-of-type (n)	N-th anh chị em thuộc loại của nó đếm từ anh chị em cuối cùng
: ﬁ đầu tiên của loại	anh chị em đầu tiên thuộc loại
: Loại cuối cùng	một yếu tố là anh chị em cuối cùng thuộc loại này
: Chỉ có loại	Chỉ có con thuộc loại của nó
:trống rỗng	Yếu tố không có con
:nguồn gốc	Phần tử gốc của tài liệu
:Mục tiêu	Mục tiêu được chỉ định bởi một URL
: không (x)	phần tử không được biểu thị bằng đối số ‘x,

23. Giu cao yếu tố

Tài sản	Nghĩa	Thí dụ
:: Letter đầu tiên	Thêm phong cách đặc biệt vào chữ cái đầu tiên của một văn bản	p :: chữ cái đầu tiên {& nbsp; & nbsp; & nbsp; kích thước phông chữ: 150%; & nbsp; & nbsp; màu: #fff00; }
:: ﬁ đầu tiên	Thêm phong cách đặc biệt vào dòng đầu tiên của một văn bản	p :: chữ cái đầu tiên {& nbsp; & nbsp; & nbsp; kích thước phông chữ: 150%; & nbsp; & nbsp; màu: đen; }
::trước	Chèn một số nội dung trước một phần tử	p :: trước {& nbsp; & nbsp; & nbsp; nội dung: "Chào mừng bạn đến với Hackr:"; }
::sau	Chèn một số nội dung sau một phần tử	p :: sau {& nbsp; & nbsp; & nbsp; nội dung: "Cảm ơn bạn đã xem"; }

& nbsp; Các phép đo tuyệt đốiAbsolute Measurements

Biểu tượng	Đại diện
Phần trăm	Tỷ lệ phần trăm
bệnh đa xơ cứng	mili giây
S	thứ hai
Trong	inch
mm	milimet
cm	centimet
pt	Điểm (1/72 inch)
máy tính	PICA (12 điểm)

24. góc/thời gian/tần số

Đơn vị	Đại diện
Phần trăm	Tỷ lệ phần trăm
bệnh đa xơ cứng	mili giây
S	thứ hai
Trong	inch
bệnh đa xơ cứng	mili giây
S	thứ hai
Trong	inch
mm	milimet

cm

Đơn vị	Đại diện
Phần trăm	Tỷ lệ phần trăm
bệnh đa xơ cứng	mili giây
S	thứ hai
Trong	inch
mm	milimet
cm	centimet
pt	Điểm (1/72 inch)
máy tính	PICA (12 điểm)

24. góc/thời gian/tần số

Đơn vị	Nghĩa	Thí dụ
:: Letter đầu tiên	Thêm phong cách đặc biệt vào chữ cái đầu tiên của một văn bản	p :: chữ cái đầu tiên {& nbsp; & nbsp; & nbsp; kích thước phông chữ: 150%; & nbsp; & nbsp; màu: #fff00; }
:: ﬁ đầu tiên	Thêm phong cách đặc biệt vào dòng đầu tiên của một văn bản	p :: chữ cái đầu tiên {& nbsp; & nbsp; & nbsp; kích thước phông chữ: 150%; & nbsp; & nbsp; màu: đen; }
::trước	Chèn một số nội dung trước một phần tử	p :: trước {& nbsp; & nbsp; & nbsp; nội dung: "Chào mừng bạn đến với Hackr:"; }
::sau	Chèn một số nội dung sau một phần tử	p :: sau {& nbsp; & nbsp; & nbsp; nội dung: "Cảm ơn bạn đã xem"; }
& nbsp; Các phép đo tuyệt đối	Biểu tượng	Đại diện
Phần trăm	Tỷ lệ phần trăm	bệnh đa xơ cứng
mili giây	S	thứ hai
Trong	inch	mm

milimet

Tài sản	cm	Thí dụ
:: Letter đầu tiên	Thêm phong cách đặc biệt vào chữ cái đầu tiên của một văn bản	p :: chữ cái đầu tiên {& nbsp; & nbsp; & nbsp; kích thước phông chữ: 150%; & nbsp; & nbsp; màu: #fff00; }
:: ﬁ đầu tiên	Thêm phong cách đặc biệt vào dòng đầu tiên của một văn bản	p :: chữ cái đầu tiên {& nbsp; & nbsp; & nbsp; kích thước phông chữ: 150%; & nbsp; & nbsp; màu: đen; }
::trước	Chèn một số nội dung trước một phần tử	p :: trước {& nbsp; & nbsp; & nbsp; nội dung: "Chào mừng bạn đến với Hackr:"; }
::sau	Chèn một số nội dung sau một phần tử	p :: sau {& nbsp; & nbsp; & nbsp; nội dung: "Cảm ơn bạn đã xem"; }
& nbsp; Các phép đo tuyệt đối	Biểu tượng	Đại diện
Phần trăm	Tỷ lệ phần trăm	bệnh đa xơ cứng
mili giây	S	thứ hai
Trong	inch	mm
milimet	cm	centimet
pt	Điểm (1/72 inch)	máy tính
PICA (12 điểm)	24. góc/thời gian/tần số	Đơn vị
DEG	bằng cấp	tốt nghiệp
dốc	cm	centimet
pt	Điểm (1/72 inch)	máy tính
PICA (12 điểm)	24. góc/thời gian/tần số	Đơn vị
DEG	bằng cấp	tốt nghiệp
dốc	rad	Radian
xoay	quay	Hz
Hertz	KHz	Kilohertz
25. Đo lường tương đối	PX	pixel của thiết bị
GD	lưới được xác định bởi lưới bố trí	em
Kích thước phông chữ của phần tử hiện tại	REM	Kích thước phông chữ của phần tử gốc

Ví dụ

Tài sản	cm	Thí dụ
:: Letter đầu tiên	Thêm phong cách đặc biệt vào chữ cái đầu tiên của một văn bản	p :: chữ cái đầu tiên {& nbsp; & nbsp; & nbsp; kích thước phông chữ: 150%; & nbsp; & nbsp; màu: #fff00; }
:: ﬁ đầu tiên	Thêm phong cách đặc biệt vào dòng đầu tiên của một văn bản	p :: chữ cái đầu tiên {& nbsp; & nbsp; & nbsp; kích thước phông chữ: 150%; & nbsp; & nbsp; màu: đen; }
::trước	Chèn một số nội dung trước một phần tử	Drop-initial-After-Align: 30%
Drop-initial-Before-align	CAPS chiều cao \|	Drop-initial-Beher-Align: Trung tâm
Drop-initial-Before-điều chỉnh	trước khi đi \| văn bản-trước-cạnh \| Trung tâm \| giữa \| Treo \| Toán học \| Chiều dài \| Phần trăm	Drop-initial-Before-Adjust: 10px Drop-initial-Before-Adjust: 10% Drop-initial-Before-Adjust: Middle
giá trị giảm giá	Số nguyên ban đầu	giá trị giảm giá: 20
kích thước cơ bản thả	số nguyên tự động % dòng	Drop-initial-Size: 25%
đường cơ sở thay đổi	phụ \| Siêu \| chiều dài %	Baseline-Shift: Super
Thống lĩnh-Baseline	đường cơ sở/treo/giữa	Dominant-Baseline: Middle x = 25 y = 50
xếp hàng xếp hàng	xem xét thay đổi \| Bỏ qua các dịch vụ	Dòng xếp chồng dịch chuyển: Bỏ qua các dịch vụ
Chiến lược xếp hàng	nội tuyến-line-leight \| Độ cao dòng khối \| chiều cao tối đa \| Độ cao lưới điện	Chiến lược xếp hàng dòng: Độ cao tối đa
Inline-Box-Align	Ban đầu \| Cuối cùng \| Số nguyên & nbsp;	Inline-Box-Align: 2 Inline-Box-Align: Ban đầu
chiều cao giữa các dòng	Bình thường/ số/ chiều dài/ %	Chiều dài dòng: 30%
chiều cao văn bản	Tự động \| kích thước phông chữ \| kích thước văn bản \| kích thước tối đa	Tối cao văn bản: Tự động
thẳng đứng-align	Đường cơ sở \| phụ \| Siêu \| Top \| Text-top \| giữa \| Đáy \| Độ dài đáy văn bản \| Phần trăm	dọc-align: giữa

Tải xuống CSS Cheat Sheet PDF

Sự kết luận

Cùng với đó là kết thúc của bảng gian lận CSS. Cách này bạn có thể tăng cường các kỹ năng của mình trong khi bạn đang tạo một trang web hoặc chuẩn bị cho cuộc phỏng vấn CSS. Bạn cũng có thể muốn đọc các loại CSS và sự khác biệt giữa CSS, CSS2, CSS3 để hiểu CSS tốt hơn. Bạn có thể sống trên trang web của mình với các kỹ năng CSS, vì vậy hãy tiếp tục và sáng lên. & NBSP;

Mọi người cũng đang đọc:eople are also reading:

Câu hỏi phỏng vấn CSS
Biên tập viên CSS tốt nhất
Sự khác biệt giữa CSS, CSS2 và CSS3
Sự khác biệt giữa HTML, HTML5 và XML
Giải pháp thay thế góc hàng đầu
Ide góc tốt nhất
Câu hỏi và câu trả lời phỏng vấn góc cạnh hàng đầu
Tải xuống bảng gian lận bootstrap
Câu hỏi và câu trả lời phỏng vấn bootstrap hàng đầu
Top 10 JavaScript IDE
Bootstrap Cheat Sheet

Bảng cheat CSS là gì?

Tờ Cheat CSS là gì?Tờ Cheat CSS cung cấp cho bạn các đoạn CSS kiểu CSS phổ biến nhất, nền, nút, gia đình phông chữ, đặt hàng, bán kính, hộp và máy phát shadow văn bản, bộ chọn màu và nhiều công cụ hơn để tăng thêm trọng lượng trực quan cho tài liệu của bạn.

Có bao nhiêu thuộc tính CSS?

W3Schools liệt kê 228 trong số đó.228 of them.

Thuộc tính CSS là gì?

Thuộc tính CSS là một đặc tính (như màu) có giá trị liên quan xác định một khía cạnh của cách trình duyệt sẽ hiển thị phần tử.a characteristic (like color) whose associated value defines one aspect of how the browser should display the element.

Hướng dẫn css positioning cheat sheet pdf - css định vị cheat sheet pdf

Mục lục

CSS Cheat Sheet & NBSP;

1. Phông chữ

2. Văn bản

Mang văn bản: Bình thường

Khoảng cách thư: 3%;

văn bản-thông minh

6. Mô hình hộp & NBSP;

chiều cao tối thiểu: 50%

Chiều cao

Hiển thị nội dòng

6.2. Đệm & nbsp;

Biên giới: 40mm

phong cách marquee

chậm/bình thường/nhanh

Phong cách Marquee: Cuộn

Overflow-x: Cuộn

14. Phác thảo

15. Siêu liên kết

Offset phác thảo

Offset phác thảo

15. Siêu liên kết

Offset phác thảo

Target-New: Cửa sổ

22. Giảm dần

23. Giu cao yếu tố

24. góc/thời gian/tần số

cm

24. góc/thời gian/tần số

milimet

Ví dụ

Sự kết luận

Bảng cheat CSS là gì?

Có bao nhiêu thuộc tính CSS?

Thuộc tính CSS là gì?

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội