Open navigation menu
Close suggestions
Search
Search
en
Change Language
Upload
Sign in
Sign in
Download free for days
0 ratings
0% found this document useful (0 votes)
25 views
3 pages
Cssthuongdung
Uploaded by
Nguyen Man Nghii
AI-enhanced title
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content,
claim it here
.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
Download
Save
Save cssthuongdung For Later
0%
0% found this document useful, undefined
0%
, undefined
Embed
Share
Print
Report
0 ratings
0% found this document useful (0 votes)
25 views
3 pages
Cssthuongdung
Uploaded by
Nguyen Man Nghii
AI-enhanced title
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content,
claim it here
.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
Carousel Previous
Carousel Next
Download
Save
Save cssthuongdung For Later
0%
0% found this document useful, undefined
0%
, undefined
Embed
Share
Print
Report
Download now
Download
You are on page 1
/ 3
Search
Fullscreen
D�?i ��y l� m?t s? thu?c t�nh CSS th�?ng d�ng v� c�ch s? d?ng c� b?n c?
a ch�ng,
gi�p b?n d? d�ng n?m b?t khi h?c CSS:
1. �?nh d?ng v�n b?n
font-family: Ch?n ki?u ch?.
css
Sao ch�p m?
font-family: Arial, sans-serif;
font-size: �?t k�ch th�?c ch?.
css
Sao ch�p m?
font-size: 16px;
font-weight: �?t �? �?m c?a ch?.
css
Sao ch�p m?
font-weight: bold;
font-style: �?t ki?u ch? (nghi�ng ho?c b?nh th�?ng).
css
Sao ch�p m?
font-style: italic;
line-height: �i?u ch?nh kho?ng c�ch gi?a c�c d?ng v�n b?n.
css
Sao ch�p m?
line-height: 1.5;
text-align: Canh ch?nh v�n b?n (tr�i, ph?i, gi?a, �?u).
css
Sao ch�p m?
text-align: center;
text-transform: Chuy?n �?i ch? (vi?t hoa, vi?t th�?ng).
css
Sao ch�p m?
text-transform: uppercase;
2. �?nh d?ng m�u s?c
color: �?t m�u ch?.
css
Sao ch�p m?
color: red;
background-color: �?t m�u n?n.
css
Sao ch�p m?
background-color: #f0f0f0;
border-color: �?t m�u cho ��?ng vi?n.
css
Sao ch�p m?
border-color: #333;
3. K�ch th�?c v� Kho?ng c�ch
width: �?t chi?u r?ng c?a ph?n t?.
css
Sao ch�p m?
width: 200px;
height: �?t chi?u cao c?a ph?n t?.
css
Sao ch�p m?
height: 100px;
margin: Kho?ng c�ch b�n ngo�i ph?n t?.
css
Sao ch�p m?
margin: 20px;
padding: Kho?ng c�ch b�n trong ph?n t? (gi?a n?i dung v� vi?n).
css
Sao ch�p m?
padding: 15px;
4. ��?ng vi?n
border: �?t ki?u, �? d�y, m�u s?c c?a ��?ng vi?n.
css
Sao ch�p m?
border: 1px solid black;
border-radius: L�m bo g�c ph?n t?.
css
Sao ch�p m?
border-radius: 10px;
5. Hi?u ?ng
box-shadow: Th�m b�ng cho ph?n t?.
css
Sao ch�p m?
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
text-shadow: Th�m b�ng cho v�n b?n.
css
Sao ch�p m?
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
6. Hi?n th? v� �?nh v?
display: X�c �?nh c�ch ph?n t? ��?c hi?n th? (block, inline, inline-block).
css
Sao ch�p m?
display: block;
position: X�c �?nh ki?u �?nh v? (static, relative, absolute, fixed).
css
Sao ch�p m?
position: relative;
top, right, bottom, left: �?t v? tr� c?a ph?n t? khi s? d?ng position.
css
Sao ch�p m?
top: 20px;
left: 10px;
z-index: �?t th? t? l?p c?a ph?n t? (ph?n t? c� gi� tr? z-index cao h�n s? hi?n th?
tr�n c�c ph?n t? c� gi� tr? th?p h�n).
css
Sao ch�p m?
z-index: 1;
7. Danh s�ch v� B?ng
list-style: X�c �?nh ki?u c?a danh s�ch (s?, ch?m, hay b? qua).
css
Sao ch�p m?
list-style: none;
border-collapse: X? l? c�c ��?ng vi?n trong b?ng.
css
Sao ch�p m?
border-collapse: collapse;
text-decoration: Th�m ho?c lo?i b? g?ch d�?i, g?ch ch�o, v.v.
css
Sao ch�p m?
text-decoration: underline;
8. Flexbox
display: flex: Thi?t l?p ph?n t? th�nh m?t container flexbox.
css
Sao ch�p m?
display: flex;
justify-content: Canh ch?nh c�c ph?n t? b�n trong theo chi?u ngang.
css
Sao ch�p m?
justify-content: space-between;
align-items: Canh ch?nh c�c ph?n t? b�n trong theo chi?u d?c.
css
Sao ch�p m?
align-items: center;
flex-direction: X�c �?nh h�?ng c?a c�c ph?n t? trong flex container.
css
Sao ch�p m?
flex-direction: row;
9. Grid Layout
display: grid: Thi?t l?p ph?n t? th�nh m?t container grid.
css
Sao ch�p m?
display: grid;
grid-template-columns: �?nh ngh?a s? l�?ng v� k�ch th�?c c�c c?t.
css
Sao ch�p m?
grid-template-columns: 1fr 1fr 1fr;
grid-gap: Kho?ng c�ch gi?a c�c � trong grid.
css
Sao ch�p m?
grid-gap: 20px;
10. Media Queries (Ph?n h?i thi?t b?)
@media: �?nh ngh?a c�c quy t?c CSS cho c�c thi?t b? kh�c nhau (responsive design).
css
Sao ch�p m?
@media screen and (max-width: 600px) {
body {
font-size: 14px;
}
}
11. Transition v� Animation
transition: T?o hi?u ?ng chuy?n ti?p cho c�c thu?c t�nh CSS.
css
Sao ch�p m?
transition: all 0.3s ease-in-out;
animation: Th�m hi?u ?ng �?ng cho ph?n t?.
css
Sao ch�p m?
animation: fadeIn 2s ease-in-out;
�?nh ngh?a c�c keyframes cho animation.
css
Sao ch�p m?
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
��y ch? l� m?t s? thu?c t�nh c� b?n v� th�?ng d�ng trong CSS. Khi h?c CSS, b?n c�
th? th? k?t h?p c�c thu?c t�nh n�y �? t?o ra c�c ki?u d�ng v� hi?u ?ng phong ph�
h�n
You might also like
Slide IE104 Chuong02 HTML
PDF
No ratings yet
Slide IE104 Chuong02 HTML
103 pages
Bai Giang HTML
PDF
100% (1)
Bai Giang HTML
177 pages
1 - Chuong 0 - Gioi Thieu Hoc Phan - Slide in Chung
PDF
No ratings yet
1 - Chuong 0 - Gioi Thieu Hoc Phan - Slide in Chung
11 pages
LTWeb Bai03
PDF
No ratings yet
LTWeb Bai03
75 pages
Môn HTML, CSS
PDF
No ratings yet
Môn HTML, CSS
7 pages
2412
PDF
No ratings yet
2412
30 pages
BTL TKW
PDF
No ratings yet
BTL TKW
33 pages
Part 2: CSS: AC2070: Web Design & Programming
PDF
No ratings yet
Part 2: CSS: AC2070: Web Design & Programming
141 pages
Compare HTML and XML
PDF
No ratings yet
Compare HTML and XML
110 pages
LTWeb Bai09
PDF
No ratings yet
LTWeb Bai09
62 pages
Y Tuong Nay La Cua Chung Minh
PDF
No ratings yet
Y Tuong Nay La Cua Chung Minh
319 pages
PT Web in Marketing - On Tap - SV Ptit
PDF
No ratings yet
PT Web in Marketing - On Tap - SV Ptit
36 pages
Style News
PDF
No ratings yet
Style News
22 pages
Lec 3-CSS - 1.5m
PDF
No ratings yet
Lec 3-CSS - 1.5m
26 pages
E-Book - 1.9
PDF
No ratings yet
E-Book - 1.9
776 pages
Long PDF 1 TM L HC Mu SC
PDF
No ratings yet
Long PDF 1 TM L HC Mu SC
3 pages
Design Web by HTML
PDF
No ratings yet
Design Web by HTML
36 pages
Lab 4
PDF
No ratings yet
Lab 4
6 pages
Tạo Bản Thiết Kế Dưới Đây
PDF
No ratings yet
Tạo Bản Thiết Kế Dưới Đây
4 pages
HTML Css
PDF
No ratings yet
HTML Css
17 pages
Ayt 1
PDF
No ratings yet
Ayt 1
1 page
Chit Iet
PDF
No ratings yet
Chit Iet
5 pages
Bài 1
PDF
No ratings yet
Bài 1
7 pages
Chương 3 - HTML
PDF
No ratings yet
Chương 3 - HTML
42 pages
Lec 2-HTML
PDF
No ratings yet
Lec 2-HTML
29 pages
Lec 3-CSS
PDF
No ratings yet
Lec 3-CSS
27 pages
Ebook Colorme
PDF
No ratings yet
Ebook Colorme
183 pages
Chương 4 - CSS
PDF
No ratings yet
Chương 4 - CSS
32 pages
Css
PDF
No ratings yet
Css
6 pages
Lab3 Web
PDF
No ratings yet
Lab3 Web
5 pages
Doanhaingocanh 1
PDF
No ratings yet
Doanhaingocanh 1
3 pages
Bootstrap
PDF
No ratings yet
Bootstrap
2 pages
HTML CSS
PDF
No ratings yet
HTML CSS
19 pages
Code
PDF
No ratings yet
Code
10 pages
HTML Sapxep
PDF
No ratings yet
HTML Sapxep
4 pages
Phan 1
PDF
No ratings yet
Phan 1
90 pages
Css
PDF
No ratings yet
Css
3 pages
NG D NG Web
PDF
No ratings yet
NG D NG Web
2 pages
Bai Tap Thuc Hanh 3
PDF
No ratings yet
Bai Tap Thuc Hanh 3
5 pages
LƯU CÔNG THỨC BÀI TẬP
PDF
No ratings yet
LƯU CÔNG THỨC BÀI TẬP
15 pages
Chuong 02 GioiThieuCSS
PDF
No ratings yet
Chuong 02 GioiThieuCSS
26 pages
De An Cuoi Ki
PDF
No ratings yet
De An Cuoi Ki
22 pages
Thiet Ke Giao Dien Web
PDF
No ratings yet
Thiet Ke Giao Dien Web
79 pages
Library Management - Principles and Practice
PDF
60% (5)
Library Management - Principles and Practice
83 pages
Gold Ui
PDF
No ratings yet
Gold Ui
4 pages
PhuHoai Group7
PDF
No ratings yet
PhuHoai Group7
22 pages
Css Work Shop Phần I: Trong suốt toàn tập
PDF
No ratings yet
Css Work Shop Phần I: Trong suốt toàn tập
18 pages
Kiến Trúc Máy Tính Mạng Xã Hội
PDF
No ratings yet
Kiến Trúc Máy Tính Mạng Xã Hội
45 pages
Tự Học Thiết Kế Trang Web Bằng JAVA Script (NXB Giao Thông Vận Tải 2006) - Đậu Quang Tuấn, 144 Trang PDF
PDF
No ratings yet
Tự Học Thiết Kế Trang Web Bằng JAVA Script (NXB Giao Thông Vận Tải 2006) - Đậu Quang Tuấn, 144 Trang PDF
144 pages
Quaûn Lyù Coâng Vieäc Treân Web: Baùo Caùo Ñoà Aùn Toát Nghieäp Ñaïi Hoïc
PDF
No ratings yet
Quaûn Lyù Coâng Vieäc Treân Web: Baùo Caùo Ñoà Aùn Toát Nghieäp Ñaïi Hoïc
33 pages
Các Thẻ Cơ Bản Chương 2
PDF
No ratings yet
Các Thẻ Cơ Bản Chương 2
22 pages
Demo
PDF
No ratings yet
Demo
4 pages
Layout
PDF
No ratings yet
Layout
3 pages
Div Class
PDF
No ratings yet
Div Class
4 pages
Bits F232 Foundations of Data Structures and Algorithms - Handout
PDF
No ratings yet
Bits F232 Foundations of Data Structures and Algorithms - Handout
5 pages
Chuong4 Phan 2 CSS
PDF
No ratings yet
Chuong4 Phan 2 CSS
11 pages
Form 13 Process
PDF
100% (1)
Form 13 Process
3 pages
Bai Tap Tin Hoc Dai Cuong
PDF
No ratings yet
Bai Tap Tin Hoc Dai Cuong
12 pages
BSBXTW401 Assessment Task 2
PDF
100% (1)
BSBXTW401 Assessment Task 2
55 pages
BODY
PDF
No ratings yet
BODY
2 pages
WNC ThamKhao 03
PDF
No ratings yet
WNC ThamKhao 03
5 pages
BTH Word Chuan
PDF
No ratings yet
BTH Word Chuan
12 pages
Data Science S (2 Files Merged)
PDF
No ratings yet
Data Science S (2 Files Merged)
30 pages
Tf8020 Tc3 Bacnet en
PDF
No ratings yet
Tf8020 Tc3 Bacnet en
126 pages
Geological Database
PDF
No ratings yet
Geological Database
147 pages
Handwriting Free Practice Makes Perfect Lowercase Letters
PDF
92% (13)
Handwriting Free Practice Makes Perfect Lowercase Letters
58 pages
M580-2CH User Manual 20230620
PDF
No ratings yet
M580-2CH User Manual 20230620
40 pages
Icpc Template
PDF
No ratings yet
Icpc Template
23 pages
Voltlogic230 Manual en
PDF
No ratings yet
Voltlogic230 Manual en
51 pages
Nvidia-Learning-Training Course-Catalog
PDF
No ratings yet
Nvidia-Learning-Training Course-Catalog
32 pages
Chap 8
PDF
No ratings yet
Chap 8
4 pages
Installing The Cisco CSR 1000V in Vmware Esxi Environments
PDF
No ratings yet
Installing The Cisco CSR 1000V in Vmware Esxi Environments
38 pages
AIS Gelinas 10e CH 16
PDF
No ratings yet
AIS Gelinas 10e CH 16
33 pages
Creating An Impeller With Catia V5
PDF
No ratings yet
Creating An Impeller With Catia V5
4 pages
Week 8 Data Analysis, Interpretation and Presentation
PDF
No ratings yet
Week 8 Data Analysis, Interpretation and Presentation
30 pages
Experiment: University Institute of Engineering Department of Computer Science & Engineering
PDF
No ratings yet
Experiment: University Institute of Engineering Department of Computer Science & Engineering
14 pages
Salesforce Single Sign On
PDF
No ratings yet
Salesforce Single Sign On
22 pages
E-Tutorial - TRACES PDF Generation Utility
PDF
No ratings yet
E-Tutorial - TRACES PDF Generation Utility
25 pages
Lab 4.3 Guess Who
PDF
No ratings yet
Lab 4.3 Guess Who
2 pages
Anviz C2Slim QuickGuide EN 8.28.2018
PDF
No ratings yet
Anviz C2Slim QuickGuide EN 8.28.2018
2 pages
Simulation and Analysis Environment: Author
PDF
No ratings yet
Simulation and Analysis Environment: Author
5 pages
Encoding Video at The Edge With Intel® Xeon® Processors: Solution Brief
PDF
No ratings yet
Encoding Video at The Edge With Intel® Xeon® Processors: Solution Brief
4 pages
Chapter 06 - Symbolic Functions: What Is A Function?
PDF
No ratings yet
Chapter 06 - Symbolic Functions: What Is A Function?
3 pages
Library of Congress Case Study
PDF
No ratings yet
Library of Congress Case Study
3 pages
Ffmpeg Watch-Folder PDF
PDF
No ratings yet
Ffmpeg Watch-Folder PDF
2 pages
Lesson 1 - Make Your First Game With Stencyl: 1 Get Started
PDF
No ratings yet
Lesson 1 - Make Your First Game With Stencyl: 1 Get Started
2 pages
Cisco CCNA 200-301 Exam Mock Tests 2022
PDF
100% (7)
Cisco CCNA 200-301 Exam Mock Tests 2022
330 pages
HTML & CSS
From Everand
HTML & CSS
Randhir Prasad Yadav
3/5 (1)
Responsive Design: All CSS responsive features
From Everand
Responsive Design: All CSS responsive features
Abdelfattah Ragab
No ratings yet
50 Recipes for Programming CSS3
From Everand
50 Recipes for Programming CSS3
Jamie Munro
No ratings yet