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)
26 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)
26 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
Documentum XCP REST Services 16.4 Development Guide
PDF
No ratings yet
Documentum XCP REST Services 16.4 Development Guide
562 pages
Part 2: CSS: AC2070: Web Design & Programming
PDF
No ratings yet
Part 2: CSS: AC2070: Web Design & Programming
141 pages
Ebook Colorme
PDF
No ratings yet
Ebook Colorme
183 pages
Compare HTML and XML
PDF
No ratings yet
Compare HTML and XML
110 pages
LTWeb Bai03
PDF
No ratings yet
LTWeb Bai03
75 pages
Bai Giang HTML
PDF
100% (1)
Bai Giang HTML
177 pages
HTML & CSS
From Everand
HTML & CSS
Randhir Prasad Yadav
3/5 (1)
Y Tuong Nay La Cua Chung Minh
PDF
No ratings yet
Y Tuong Nay La Cua Chung Minh
319 pages
HTML Css
PDF
No ratings yet
HTML Css
17 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
Chương 3 - HTML
PDF
No ratings yet
Chương 3 - HTML
42 pages
Lec 3-CSS - 1.5m
PDF
No ratings yet
Lec 3-CSS - 1.5m
26 pages
Style News
PDF
No ratings yet
Style News
22 pages
Chương 4 - CSS
PDF
No ratings yet
Chương 4 - CSS
32 pages
Lec 3-CSS
PDF
No ratings yet
Lec 3-CSS
27 pages
Lec 2-HTML
PDF
No ratings yet
Lec 2-HTML
29 pages
HTML CSS
PDF
No ratings yet
HTML CSS
19 pages
BTL TKW
PDF
No ratings yet
BTL TKW
33 pages
Phan 1
PDF
No ratings yet
Phan 1
90 pages
2412
PDF
No ratings yet
2412
30 pages
PT Web in Marketing - On Tap - SV Ptit
PDF
No ratings yet
PT Web in Marketing - On Tap - SV Ptit
36 pages
39 Nguyễn Thị Huệ 2113ECIT0731 Bài thảo luận Thiết kế website
PDF
No ratings yet
39 Nguyễn Thị Huệ 2113ECIT0731 Bài thảo luận Thiết kế website
37 pages
Lab3 Web
PDF
No ratings yet
Lab3 Web
5 pages
Lab 4
PDF
No ratings yet
Lab 4
6 pages
CURSOS
PDF
No ratings yet
CURSOS
6 pages
LTWeb Bai09
PDF
No ratings yet
LTWeb Bai09
62 pages
Bài 1
PDF
No ratings yet
Bài 1
7 pages
Chuong 02 GioiThieuCSS
PDF
No ratings yet
Chuong 02 GioiThieuCSS
26 pages
Môn HTML, CSS
PDF
No ratings yet
Môn HTML, CSS
7 pages
Code
PDF
No ratings yet
Code
10 pages
PhuHoai Group7
PDF
No ratings yet
PhuHoai Group7
22 pages
Chit Iet
PDF
No ratings yet
Chit Iet
5 pages
Css
PDF
No ratings yet
Css
6 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
CS8661 - IP Lab Manual Final
PDF
No ratings yet
CS8661 - IP Lab Manual Final
86 pages
Thiet Ke Giao Dien Web
PDF
No ratings yet
Thiet Ke Giao Dien Web
79 pages
HTML Sapxep
PDF
No ratings yet
HTML Sapxep
4 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
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
Doanhaingocanh 1
PDF
No ratings yet
Doanhaingocanh 1
3 pages
HTML Notes Unit 2
PDF
No ratings yet
HTML Notes Unit 2
33 pages
Cs453 D HTML Javascript 1
PDF
No ratings yet
Cs453 D HTML Javascript 1
66 pages
Bai Tap Thuc Hanh 3
PDF
No ratings yet
Bai Tap Thuc Hanh 3
5 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
Long PDF 1 TM L HC Mu SC
PDF
No ratings yet
Long PDF 1 TM L HC Mu SC
3 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
Unit-1 Introduction To Web
PDF
No ratings yet
Unit-1 Introduction To Web
14 pages
Chuong4 Phan 2 CSS
PDF
No ratings yet
Chuong4 Phan 2 CSS
11 pages
Css
PDF
No ratings yet
Css
3 pages
Bootstrap
PDF
No ratings yet
Bootstrap
2 pages
Internet Based Programming
PDF
No ratings yet
Internet Based Programming
161 pages
Design Web by HTML
PDF
No ratings yet
Design Web by HTML
36 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
Ayt 1
PDF
No ratings yet
Ayt 1
1 page
NG D NG Web
PDF
No ratings yet
NG D NG Web
2 pages
De An Cuoi Ki
PDF
No ratings yet
De An Cuoi Ki
22 pages
Gold Ui
PDF
No ratings yet
Gold Ui
4 pages
1st Summative-Test-NET-12-for 2nd Quater
PDF
100% (1)
1st Summative-Test-NET-12-for 2nd Quater
5 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
DS Project
PDF
No ratings yet
DS Project
58 pages
Viaduct Runtime Management - Management REST Web Services
PDF
No ratings yet
Viaduct Runtime Management - Management REST Web Services
86 pages
Orchestration and Automation - Ryan Darst - Marco Garcia
PDF
No ratings yet
Orchestration and Automation - Ryan Darst - Marco Garcia
41 pages
Bai Tap Tin Hoc Dai Cuong
PDF
No ratings yet
Bai Tap Tin Hoc Dai Cuong
12 pages
Demo
PDF
No ratings yet
Demo
4 pages
Everything You Need To Ace Computer Science and Coding in One Big Fat Notebook The Complete Middle School Study Guide Grant Smith
PDF
100% (4)
Everything You Need To Ace Computer Science and Coding in One Big Fat Notebook The Complete Middle School Study Guide Grant Smith
49 pages
Objective: Atul Kumar Dokania
PDF
No ratings yet
Objective: Atul Kumar Dokania
3 pages
WNC ThamKhao 03
PDF
No ratings yet
WNC ThamKhao 03
5 pages
HTML 6 Frames PDF
PDF
No ratings yet
HTML 6 Frames PDF
11 pages
BTH Word Chuan
PDF
No ratings yet
BTH Word Chuan
12 pages
Div Class
PDF
No ratings yet
Div Class
4 pages
Lecture 8 - Bootstrap
PDF
No ratings yet
Lecture 8 - Bootstrap
51 pages
Layout
PDF
No ratings yet
Layout
3 pages
DEVELOPER
PDF
No ratings yet
DEVELOPER
2 pages
A Simple Web Server With Node
PDF
No ratings yet
A Simple Web Server With Node
17 pages
Create Key Pair Steps
PDF
No ratings yet
Create Key Pair Steps
8 pages
50 Recipes for Programming CSS3
From Everand
50 Recipes for Programming CSS3
Jamie Munro
No ratings yet
BODY
PDF
No ratings yet
BODY
2 pages
DOCTYPE HTML Game Code
PDF
No ratings yet
DOCTYPE HTML Game Code
6 pages
Forcetv Iptv
PDF
No ratings yet
Forcetv Iptv
21 pages
Node - RAMESH's Resume
PDF
No ratings yet
Node - RAMESH's Resume
1 page
Mean Stack Sample Resume 2
PDF
No ratings yet
Mean Stack Sample Resume 2
4 pages
ZawarHussain SFCC
PDF
No ratings yet
ZawarHussain SFCC
4 pages
Deven Rudani
PDF
No ratings yet
Deven Rudani
2 pages
WWW Eshikshak Co in
PDF
No ratings yet
WWW Eshikshak Co in
18 pages
Combined Base
PDF
No ratings yet
Combined Base
9 pages
AksheeVashist (5 0)
PDF
No ratings yet
AksheeVashist (5 0)
3 pages
Assignment Web Crawler
PDF
No ratings yet
Assignment Web Crawler
5 pages
LabHTML02 HTML Structure
PDF
No ratings yet
LabHTML02 HTML Structure
4 pages
Bilal Rukundi: Internship
PDF
No ratings yet
Bilal Rukundi: Internship
1 page