Kinh doanh - Marketing
Kinh tế quản lý
Biểu mẫu - Văn bản
Tài chính - Ngân hàng
Công nghệ thông tin
Tiếng anh ngoại ngữ
Kĩ thuật công nghệ
Khoa học tự nhiên
Khoa học xã hội
Văn hóa nghệ thuật
Sức khỏe - Y tế
Văn bản luật
Nông Lâm Ngư
Kỹ năng mềm
Luận văn - Báo cáo
Giải trí - Thư giãn
Tài liệu phổ thông
Văn mẫu
Giới thiệu
Đăng ký
Đăng nhập
Tìm
Danh mục
Kinh doanh - Marketing
Kinh tế quản lý
Biểu mẫu - Văn bản
Tài chính - Ngân hàng
Công nghệ thông tin
Tiếng anh ngoại ngữ
Kĩ thuật công nghệ
Khoa học tự nhiên
Khoa học xã hội
Văn hóa nghệ thuật
Y tế sức khỏe
Văn bản luật
Nông lâm ngư
Kĩ năng mềm
Luận văn - Báo cáo
Giải trí - Thư giãn
Tài liệu phổ thông
Văn mẫu
Thông tin
Điều khoản sử dụng
Quy định bảo mật
Quy chế hoạt động
Chính sách bản quyền
Giới thiệu
Đăng ký
Đăng nhập
0
Trang chủ
Công Nghệ Thông Tin
Quản trị Web
Bài 7: Box Model ( Định dạng kiểu khối)
tailieunhanh - Bài 7: Box Model ( Định dạng kiểu khối)
Box model: Định dạng kiểu khối( hay kiểu hộp) cho website. Bài này chúng ta sẽ tìm hiểu lần lượt 3 phần của Box model. 1. Border- Đường viền Trong border chúng ta có 3 thuộc tính a) Border-width: Độ dày của đường viền. Cú pháp: border-width: apx bpx cpx dpx; Với: a, b, c, d lần lượt là giá trị độ dày đường viền của các cạnh | Bài 7- Box Model Định dạng kiểu khối Box model Định dạng kiểu khối hay kiểu hộp cho website. Bài này chúng ta sẽ tìm hiểu lần lượt 3 phần của Box model. 1. Border- Đường viền - Trong border chúng ta có 3 thuộc tính a Border-width Độ dày của đường viền. - Cú pháp border-width apx bpx cpx dpx Với a b c d lần lượt là giá trị độ dày đường viền của các cạnh bên trên bên phải bên dưới và bên trái Theo thứ tự chiều kim đồng hồ Khi 1 trong 4 giá trị kia bị thiếu thì nó sẽ lấy giá trị độ dày của cạnh đối diện nó. Ví dụ borde-width 2px 3px 3px Như vậy Cạnh trên độ dày là 2px phải là 3px và dưới là 3px như vậy bên trái bị thiếu nó sẽ lấy của cạnh đối diện là độ dày cạnh bên phải. b Border-style Kiểu đường viền - Chúng ta có 1 số giá trị về đường viền như hình bên - Không nhất thiếu phải định dạng cả 4 cạnh có viền mà có thể sử dụng 4 thuộc tính sau border-top-style viền trên border-right-style viền phải Border-bottom-style viền dưới border-left-style viền trái . c Border-color Màu đường viền - Giá trị của border là các loại mã màu. css example - Mozilla Firefox File Edit View Go Bookmarks Tools Help r- J http v Go dotted dashed Bài 7- Box Model Định dạng kiểu khối Ví dụ p border-width 2px border-style solid border-color blue Có thể viết tắt các thuộc tính về border như sau border width style blue 2. Padding- Biên Là thuộc tính tạo khoảng cách đường viền và nội dung Đối với padding chúng ta cũng có 4 thuộc tính padding-top padding-right padding-bottom padding-left Sử dụng để căn chỉnh nội dung so với các viền tương ứng trên phải dưới trái. Tương tự như border-width ở phần trên Khi 1 thành phần bị thiếu nó sẽ lấy giá trị của thành phần đối diện. Như ở ví dụ trên do chỉ có 1 giá trị padding 20px nên khoảng cách từ nội dung tới đường viền đều bằng 20px. Các bạn sẽ để ý thấy hình trên nội dung cách đường viền bên phải hình như lớn hơn 20px lí do nó như vậy là nội dung của chúng ta ít trong khi đó chiều rộng của border lấy theo kích thước chiều ngang trình duyệt Các bạn .
Thúy Hằng
119
4
pdf
Báo lỗi
Trùng lắp nội dung
Văn hóa đồi trụy
Phản động
Bản quyền
File lỗi
Khác
Upload
Tải xuống
đang nạp các trang xem trước
Bấm vào đây để xem trước nội dung
Tải xuống
TÀI LIỆU LIÊN QUAN
Giáo án thực hành tin học bài: Định dạng kiểu chữ
3
73
0
Sao chép và sử dụng kiểu định dạng
8
44
0
Bài 7: Box Model ( Định dạng kiểu khối)
4
109
0
Xuất bản dữ liệu XML dưới dạng HTML và PDF khi sử dụng một bản định kiểu XSLT duy nhất
8
93
0
Các bước chuyển kiểu chữ
5
60
0
Đổi màu chữ các biểu tượng trên desktop
2
105
0
Định lí điểm bất động cho dạng phi φ- co yếu suy rộng trong không gian kiểu mêtric
6
92
0
Một số đặc điểm cấu trúc và đa dạng loài tầng cây cao của rừng tự nhiên trạng thái IIIa tại huyện An Lão tỉnh Bình Định
1
83
0
Sáng kiến kinh nghiệm: Phương pháp xác định số loại kiểu Gen ở đời con trong một số dạng bài tập lai tổng hợp
26
99
0
Hướng dẫn cài đặt phần mềm kế toán ACsoft
10
222
0
TÀI LIỆU XEM NHIỀU
Một Case Về Hematology (1)
8
461861
55
Giới thiệu :Lập trình mã nguồn mở
14
22625
59
Tiểu luận: Tư tưởng Hồ Chí Minh về xây dựng nhà nước trong sạch vững mạnh
13
10883
529
Câu hỏi và đáp án bài tập tình huống Quản trị học
14
10061
446
Phân tích và làm rõ ý kiến sau: “Bài thơ Tự tình II vừa nói lên bi kịch duyên phận vừa cho thấy khát vọng sống, khát vọng hạnh phúc của Hồ Xuân Hương”
3
9517
104
Ebook Facts and Figures – Basic reading practice: Phần 1 – Đặng Tuấn Anh (Dịch)
249
8278
1125
Tiểu luận: Nội dung tư tưởng Hồ Chí Minh về đạo đức
16
8227
423
Mẫu đơn thông tin ứng viên ngân hàng VIB
8
7863
2220
Đề tài: Dự án kinh doanh thời trang quần áo nữ
17
6672
253
Vật lý hạt cơ bản (1)
29
5768
85
TỪ KHÓA LIÊN QUAN
Quản trị Web
Định dạng kiểu khối
Box Model
cơ bản về CSS
cú pháp của CSS
CSS với bảng biểu
trình soạn thảo CSS
background trong CSS
định dạng màu nền
Text trong CSS
Định dạng màu chữ
kinh nghiệm lập trình
ngôn ngữ lập trình
thủ thuật lập trình
thiết kế web
trình duyệt Web (Web browser)
xây dựng website
định dạng font Verdana
định dạng font chữ
lập trình web
định vị trí
bộ chọn thẻ
định dạng webssite
Phần tử giả
định dạng màu sắc
tìm hiểu Block
thiết kế website
TÀI LIỆU MỚI ĐĂNG
Giáo án mầm non chương trình đổi mới: Đề tài: Ôn xác định vị trí trên – dưới, trước- sau của đối tượng khác.
8
352
3
25-04-2024
Báo cáo khoa học: Loss of kinase activity in Mycobacterium tuberculosis multidomain protein Rv1364c
14
235
0
25-04-2024
Bơm máy nén quạt trong công nghệ part 1
20
249
2
25-04-2024
A Practical Guide for Health Researchers - part 7
24
108
0
25-04-2024
Báo cáo nghiên cứu nông nghiệp " Field control of pest fruit flies in Vietnam "
14
116
0
25-04-2024
Thương hiệu sản phẩm làng nghề: Đã ít, lại thiếu tính cạnh tranh
5
116
0
25-04-2024
Quy Trình Canh Tác Cây Bông Vải
8
107
0
25-04-2024
Anh văn TOEFL Vocabulary-008
8
84
0
25-04-2024
MANAGING NANO-BIO-INFO-COGNO INNOVATIONS
380
91
0
25-04-2024
Báo cáo " Thẩm quyền quản lí nhà nước đối với hoạt động quảng cáo thực trạng và hướng hoàn thiện "
7
155
5
25-04-2024
TÀI LIỆU HOT
Mẫu đơn thông tin ứng viên ngân hàng VIB
8
7863
2220
Giáo trình Tư tưởng Hồ Chí Minh - Mạch Quang Thắng (Dành cho bậc ĐH - Không chuyên ngành Lý luận chính trị)
152
5714
1363
Ebook Chào con ba mẹ đã sẵn sàng
112
3766
1231
Ebook Tuyển tập đề bài và bài văn nghị luận xã hội: Phần 1
62
5316
1136
Ebook Facts and Figures – Basic reading practice: Phần 1 – Đặng Tuấn Anh (Dịch)
249
8278
1125
Giáo trình Văn hóa kinh doanh - PGS.TS. Dương Thị Liễu
561
3495
643
Tiểu luận: Tư tưởng Hồ Chí Minh về xây dựng nhà nước trong sạch vững mạnh
13
10883
529
Giáo trình Sinh lí học trẻ em: Phần 1 - TS Lê Thanh Vân
122
3681
525
Giáo trình Pháp luật đại cương: Phần 1 - NXB ĐH Sư Phạm
274
4043
514
Bài tập nhóm quản lý dự án: Dự án xây dựng quán cafe
35
4124
480
crossorigin="anonymous">
Đã phát hiện trình chặn quảng cáo AdBlock
Trang web này phụ thuộc vào doanh thu từ số lần hiển thị quảng cáo để tồn tại. Vui lòng tắt trình chặn quảng cáo của bạn hoặc tạm dừng tính năng chặn quảng cáo cho trang web này.