Thiết kế web giá rẻ

Bởi Chuyên cung cấp web giá rẻ chất lượng đứng đầu công nghệ với đội ngũ kỹ sư đam mê tin học 04.6293.3306 - 0933.339826 - 097.355.1833 5 sao trên 12916người dùng
phóng to thu nhỏ tab Hỗ trợ trực tuyến
Khu vực Hà Nội
Khu vực Hồ Chí Minh
    
phóng to thu nhỏ tab Thống Kê Truy Cập
Hôm nay :  81 
Tuần :  540 
Tháng :  2.116 
Năm :  27.888 
Tất cả :  67.735 
12 Người đang online

viết tắt của margin, padding (bài 8)

Cách sử dụng margin và padding thường dùng

Ở những bài cũ các bạn thấy rằng việc khai báo margin và padding cho từng phần riêng biệt như top, right, bottom, left.
Nhưng khi thiết kế web chuyên nghiệp làm thế sẽ mất thời gian bởi vậy chúng ta thường gộp lại tất cả các thành phần này lại, nó chính là cách viết ngắn gọn trong sử dụng margin và padding.
ví dụ với thành phần p ta viết ban đầu như sau (đầy đủ):

1 p{ margin-top: 5px; margin-right: 7px; margin-left: 15px; margin-bottom: 15px}

Viết tắt:

1 p{ margin: 5px 7px 15px 15px}

Thứ tự luôn theo chiều kim đồng hồ như sau: top – right – bottom – left.
Chúng ta cũng có thể không cần phải viết đầy đủ bốn thành phần này mà có thể viết 3, hoặc 2, hay thậm chí chỉ một giá trị. Nếu một trong 4 giá trị bị thiếu, thì nó sẽ lấy giá trị của cạnh đối diện.
Ví dụ

1 p{ margin: 10px 10px 7px}

ta thấy nó thiếu thành phần bên trái, giá trị là 10px sẽ được gán từ thành phần bên phải sang.

1 p{ margin: 10px 5px}

Trường hợp này thì: margin-top: 10px, margin-right: 5px, margin-bottom: 10px, margin-left:5px;
Còn nếu chỉ có một trường hợp khai báo như sau:

1 p{ margin: 5px}
thì tất cả thành phần đều có giá trị tương ứng là 5px.

Còn padding tương tự như margin

Liên hệ: Công ty thiết kế web, thiết kế web giá rẻ
0933339826

Bài viết liên quan

Học HTML cơ bản(bài 1)
 
Float trong thiết kế web (bài 3)
 
Clear trong thiết kế web (bài 4)
 
Margin trong css
 
Padding trong thiết kế web (Bài 6)
 

Viết đánh giá

Họ và tên:


Đánh giá của bạn: Lưu ý: Không hỗ trợ HTML!

Bình chọn: Dở            Hay

Nhập mã bảo vệ:



 Há»� trợ trá»±c tuyến HMS
Mai Ng�c Bách