⌘K

Hướng dẫn HTML và CSS cho người mới bắt đầu

Hướng dẫn đơn giản về thiết kế web bằng ngôn ngữ HTML và CSS cho người mới bắt đầu với lý thuyết chi tiết và bộ bài tập.

Cơ bản về HTML

001

Ngôn ngữ để tạo trang web

002

Ngôn ngữ HTML

003

Thẻ HTML

004

Thuộc tính trong thẻ HTML

005

Phong cách cho thẻ HTML

006

Cấu trúc cơ bản của trang HTML

007

Làm việc với các thẻ HTML cơ bản

008

Thẻ cho đoạn văn

009

Thẻ Tiêu đề Trang

010

Thẻ đánh dấu văn bản in đậm

011

Các thẻ để làm nghiêng văn bản

012

Danh sách không có thứ tự trong HTML

013

Danh sách có thứ tự trong HTML

014

Làm việc với liên kết trong HTML

015

Liên kết nội bộ trong HTML

016

Làm việc với hình ảnh trong HTML

017

Chiều rộng hình ảnh trong HTML

018

Chiều cao hình ảnh trong HTML

019

Chiều rộng và chiều cao của hình ảnh trong HTML

020

Làm việc với bảng trong HTML

021

Chiều rộng và chiều cao bảng trong HTML

022

Ô tiêu đề trong bảng HTML

023

Thực hành các thẻ HTML cơ bản

Kiến thức cơ bản về CSS

024

Cơ bản về làm việc với ngôn ngữ CSS

025

Cách làm việc với CSS

026

Các Từ Khóa Màu Sắc trong CSS

027

Mọi màu sắc trong CSS

028

Chiều rộng và chiều cao của phần tử trong CSS

029

Căn chỉnh văn bản trong CSS

030

Căn chỉnh văn bản sang phải trong CSS

031

Căn giữa văn bản trong CSS

032

Căn chỉnh văn bản sang trái trong CSS

033

Căn chỉnh văn bản đồng thời sang phải và trái trong CSS

034

Thực hành căn chỉnh văn bản trong CSS

035

Độ đậm của văn bản trong CSS

036

In nghiêng trong CSS

037

Cỡ chữ trong CSS

038

Kiểu chữ trong CSS

039

Khoảng cách dòng trong CSS

040

Giá trị line-height không đơn vị trong CSS

041

Thuộc tính viết tắt font trong CSS

042

Dòng đầu tiên thụt vào trong CSS

043

Hiệu ứng văn bản trong CSS

044

Gạch dưới văn bản trong CSS

045

Gạch trên văn bản trong CSS

046

Gạch ngang văn bản trong CSS

047

Hủy hiệu ứng cho văn bản trong CSS

048

Thực hành các thuộc tính CSS cơ bản

Bộ chọn

049

Mối quan hệ họ hàng giữa các thẻ trong HTML

050

Kế thừa thuộc tính CSS

051

Nhóm các bộ chọn trong CSS

052

Các thuộc tính chung khi nhóm bộ chọn trong CSS

053

Bộ chọn hậu duệ trong CSS

054

Bộ chọn con trong CSS

055

Lớp phần tử trong CSS

056

Thẻ span cho các đoạn văn bản trong HTML

057

Thẻ div để nhóm các thẻ trong HTML

058

Nhóm các lớp trong CSS

059

Thẻ với class đã định trong CSS

060

Bộ chọn hậu duệ và lớp trong CSS

061

Tổ hợp phức tạp của bộ chọn phần tử con và lớp trong CSS

062

Lỗi thường gặp của người mới với bộ chọn hậu duệ

063

Phần tử với nhiều lớp CSS

064

Lựa chọn phần tử theo id duy nhất trong CSS

065

Bộ chọn theo id và các lớp CSS

066

Sử dụng id trong CSS

067

Lựa chọn phần tử theo nhiều lớp trong CSS

068

Nhiều bộ chọn viết liền nhau trong CSS

069

Lỗi khi sử dụng nhiều bộ chọn CSS

070

Nhóm các bộ chọn phức tạp trong CSS

071

Lỗi khi nhóm các bộ chọn CSS phức tạp

072

Thực hành về kết hợp bộ chọn CSS

073

Độ Ưu Tiên Của Bộ Chọn CSS

074

Lưu ý về xung đột thuộc tính CSS

075

Quy tắc Specificity trong CSS

076

Ưu tiên của bộ chọn phần tử con trong CSS

077

Bộ chọn liền kề trong CSS

078

Bộ chọn Anh em trong CSS

079

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

080

Bộ chọn thuộc tính trong CSS

081

Trạng thái liên kết trong CSS

082

Sắc thái về thứ tự trạng thái liên kết trong CSS

083

Trạng thái liên kết link và visited trong CSS

084

Cách sử dụng thông thường trạng thái liên kết trong CSS

085

Bộ chọn phức tạp với trạng thái liên kết trong CSS

086

Liên kết với lớp trong CSS

087

Lựa chọn phần tử đầu và cuối trong CSS

088

Lựa chọn theo vị trí phần tử trong CSS

089

Chọn phần tử con duy nhất trong CSS

090

Chọn các phần tử trống trong CSS

091

Lựa chọn theo vị trí và loại phần tử trong CSS

092

Bộ chọn phủ định trong CSS

Trang trí

093

Thiết lập màu nền trong CSS

094

Cơ bản làm việc với đường viền trong CSS

095

Đường viền liền nét trong CSS

096

Đường viền chấm chấm trong CSS

097

Đường viền dạng dấu gạch ngang trong CSS

098

Đường viền lồi trong CSS

099

Đường viền đôi trong CSS

100

Thuộc tính viết tắt cho đường viền trong CSS

101

Đường viền cho các cạnh riêng biệt trong CSS

102

Bo tròn đường viền khối trong CSS

103

Bo tròn viền nền trong CSS

104

Tạo hình tròn trong CSS

105

Bo tròn góc khác nhau cho các góc khác nhau trong CSS

106

Bốn giá trị bo góc cho các góc khác nhau trong CSS

107

Hai giá trị bo góc cho các góc khác nhau trong CSS

108

Ba giá trị bo góc cho các góc khác nhau trong CSS

109

Góc bo tròn theo phần trăm trong CSS

110

Tạo hình tròn khi bo góc theo phần trăm trong CSS

111

Hình nền trong CSS

112

Lặp lại hình nền trong CSS

113

Các thuộc tính khác cho nền trong CSS

114

Làm việc với các điểm đánh dấu danh sách ul trong CSS

115

Dấu đầu dòng hình vuông cho danh sách ul trong CSS

116

Đánh dấu danh sách ul dạng hình tròn trong CSS

117

Làm việc với các điểm đánh dấu danh sách ul trong CSS

118

Loại bỏ điểm đánh dấu danh sách ul trong CSS

119

Làm việc với các điểm đánh dấu danh sách ol trong CSS

120

Số La Mã viết thường cho danh sách ol trong CSS

121

Chữ số La Mã viết hoa cho danh sách ol trong CSS

122

Chữ cái Latinh thường cho danh sách ol trong CSS

123

Chữ cái Latin viết hoa cho danh sách ol trong CSS

124

Chữ cái Hy Lạp thường cho danh sách ol trong CSS

125

Số có số 0 đứng trước cho danh sách ol trong CSS

Mô hình hộp

126

Làm việc với margin thụt lề trong CSS

127

Lề margin cho các phía khác nhau trong CSS

128

Nhiều giá trị trong thuộc tính margin trong CSS

129

Bốn giá trị trong thuộc tính margin trong CSS

130

Hai giá trị trong thuộc tính margin trong CSS

131

Ba giá trị trong thuộc tính margin trong CSS

132

Làm việc với padding (vùng đệm) trong CSS

133

Khoảng đệm padding cho các phía khác nhau trong CSS

134

Nhiều giá trị trong thuộc tính padding trong CSS

135

Làm việc với padding (khoảng đệm) trong CSS

136

Ảnh hưởng của viền đến việc mở rộng phần tử trong CSS

137

Ảnh hưởng của padding và đường viền đến việc mở rộng phần tử trong CSS

138

Hủy bỏ mở rộng phần tử trong CSS

139

Đặc điểm của các phần tử khối trong CSS

140

Chiều rộng và chiều cao của phần tử khối trong CSS

141

Độ rộng của phần tử khối trong CSS

142

Chiều cao của phần tử khối trong CSS

143

Chiều cao của phần tử khối không có nội dung trong CSS

144

Nhiều phần tử khối cạnh nhau trong CSS

145

Đặc điểm của các phần tử nội tuyến trong CSS

146

Chiều rộng và chiều cao của phần tử nội dòng trong CSS

147

Nhiều phần tử nội dòng cạnh nhau trong CSS

148

Khoảng cách giữa các phần tử nội dòng trong CSS

149

Xác định mô hình khối của các thẻ HTML

150

Làm việc với thuộc tính display trong CSS

151

Đặc điểm của phần tử inline-block trong CSS

152

Chiều rộng và chiều cao của phần tử nội dòng-khối trong CSS

153

Chiều rộng của phần tử inline-block trong CSS

154

Chiều cao của phần tử inline-block trong CSS

155

Nhiều phần tử nội dòng-khối cạnh nhau trong CSS

156

Căn chỉnh các phần tử khối trong CSS

157

Căn chỉnh phần tử khối với khoảng trống bên trái trong CSS

158

Căn chỉnh phần tử khối với khoảng đệm bên phải trong CSS

159

Căn chỉnh các phần tử inline trong CSS

160

Căn giữa phần tử nội tuyến trong CSS

161

Căn giữa nhiều phần tử nội tuyến

162

Căn chỉnh các phần tử inline sang phải trong CSS

163

Căn chỉnh các phần tử inline-block trong CSS

164

Canh giữa các phần tử inline-block trong CSS

165

Căn chỉnh các phần tử nội tuyến-khối theo cạnh phải trong CSS

166

Phần tử Flex trong CSS

167

Chiều cao của phần tử cha Flex trong CSS

168

Chiều rộng của phần tử cha trong Flexbox CSS

169

Phần tử cha kiểu inline-block cho các phần tử flex trong CSS

170

Căn lề padding của phần tử cha của các phần tử flex trong CSS

171

Khoảng cách lề margin cho các phần tử con trong CSS

172

Căn chỉnh phần tử flex trong CSS

173

Căn giữa các phần tử flex trong CSS

174

Căn chỉnh các phần tử flex theo phần tử cha trong CSS

175

Căn chỉnh các phần tử flex theo phần tử cha với khoảng cách

176

Căn chỉnh các phần tử Flex theo phần tử cha với khoảng cách đều nhau

Định vị

177

Định vị tuyệt đối phần tử trong CSS

178

Định vị tương đối của các phần tử trong CSS

179

Định vị tương đối với phần tử cha trong CSS

180

Định vị tương đối với phần tử cha tuyệt đối trong CSS

181

Định vị tuyệt đối không tọa độ trong CSS

182

Căn giữa qua absolute trong CSS

183

Giá trị âm trong định vị CSS

184

Định vị cố định trong CSS

185

Khối chiếm toàn bộ chiều rộng màn hình trong CSS

186

Xếp chồng phần tử theo trục Z trong CSS

187

Điều chỉnh thứ tự xếp chồng phần tử trên trục Z trong CSS

188

Sắc thái của việc sử dụng giá trị z-index âm trong CSS

Thuộc tính Float

189

Giới thiệu về thuộc tính float trong CSS

190

Sự xuyên thấu của các phần tử float qua các thẻ trong CSS

191

Sự kết hợp giữa float và margin trong CSS

192

Kết hợp float và padding trong CSS

193

Các phần tử trôi nổi bên dưới các thẻ trong CSS

194

Tác động của float lên phần tử cha trong CSS

195

Chiều cao của phần tử cha chứa float trong CSS

196

Văn bản trong phần tử chứa float trong CSS

197

Bao quanh trong CSS

198

Hủy bỏ bao quanh bằng thuộc tính clear trong CSS

199

Div riêng biệt với clearfix trong CSS

200

Clearfix và chiều cao của phần tử cha trong CSS

201

Thuộc tính float cho các khối trong CSS

202

Thuộc tính float và nhiều khối trong CSS

203

Thuộc tính float và phần tử cha không có văn bản trong CSS

Flex

204

Sắp xếp các phần tử flex thành hàng hoặc cột trong CSS

205

Bố trí phần tử flex trong hàng đảo ngược trong CSS

206

Bố trí các phần tử flex thành cột trong CSS

207

Đảo ngược cột với các phần tử Flex trong CSS

208

Trục chính và trục phụ trong khối flex trong CSS

209

Căn chỉnh các phần tử Flex dọc theo trục chính trong CSS

210

Căn chỉnh các khối Flex theo trục chéo trong CSS

211

Giá trị center của thuộc tính align-items trong CSS

212

Căn giữa không có chiều cao khối trong CSS

213

Căn giữa các phần tử có chiều cao khác nhau trong CSS

214

Ý nghĩa giá trị stretch của thuộc tính align-items trong CSS

215

Thực hành canh chỉnh theo trục trong CSS

216

Căn chỉnh phần tử riêng lẻ trong mô hình flex của CSS

217

Thứ tự của các khối flex trong CSS

Lưới

218

Giới thiệu về CSS Grid

219

Track và đường line trong CSS Grid

220

Hiển thị Grid trong trình gỡ lỗi của trình duyệt

221

Số lượng và độ rộng cột trong CSS Grid

222

Đơn vị fr trong CSS Grids

223

Đơn vị phân số fr trong CSS Grid

224

Pixel và đơn vị fr trong CSS Grid

225

Phần trăm và đơn vị fr trong CSS Grid

226

Hàm repeat trong CSS Grid

227

Giá trị auto trong CSS Grid

228

Ý nghĩa của auto-fill trong CSS Grid

229

Hàm minmax trong CSS Grid

230

Ý nghĩa của auto-fit trong CSS Grid

231

Số lượng và chiều rộng hàng trong CSS Grid

232

Thuộc tính viết tắt cho hàng và cột trong CSS Grid

233

Gộp hàng trong CSS Grid

234

Kết hợp các cột trong CSS Grid

235

Các tổ hợp gộp hàng và cột trong CSS Grid

236

Chồng lấp cột trong CSS Grid

237

Khoảng cách giữa các cột trong CSS Grid

238

Khoảng cách giữa các hàng trong CSS Grid

239

Khoảng cách giữa các cột và hàng trong CSS Grid

240

Bố cục lưới ô trong CSS

Bố cục

241

Tạo menu trong CSS

242

Bố cục trang web một cột đơn giản trong CSS

243

Sơ đồ bố cục với nhiều wrapper trong CSS

244

Các khối cấu trúc của trang web trong HTML

245

Sơ đồ bố cục hai cột của trang web trong CSS

246

Sơ đồ bố cục website ba cột trong CSS

247

Các thẻ đặc biệt cho bố cục trang web trong HTML

248

Các thẻ bố cục chính trong HTML

249

Thẻ cho các phân đoạn trong HTML

250

Thực hành trên bố cục HTML và CSS