http://vietjack.com/css/index.jsp Copyright © vietjack.com Tìm hiểu Đơn vị CSS Trong sống hàng ngày có nhiều đơn vị để cân, đo, đong đếm thứ hữu hình, ví dụ cm, km, kg, … Vậy, với trang web, để xác định xem phần tử phải nằm khu vực này, hình ảnh phải hiển thị chỗ kia, ta phải dùng đơn vị để xác định Mét, kilomet hay centimet Chương giúp bạn làm quen số đơn vị sử dụng thường xuyên CSS Đơn vị Miêu tả Ví dụ % Đơn vị %, đơn vị tham chiếu tỉ lệ so với phần tử mẹ dựa vào kích thước Ví dụ: bạn có khung mẹ có kích thước 400px bạn muốn đặt khung khác vào bên khung mẹ Tùy theo lựa chọn khung có nhiều kích thước, tương ứng với kích thước khung mẹ bạn có tỉ lệ tương ứng Ví dụ: 50% khung có kích thước 200px p {font-size: 16pt; lineheight: 125%;} cm Đơn vị centimet div {marginbottom: 2cm;} em Một đơn vị sử dụng cho chiều cao font Một đơn vị em tương đương với kích cỡ font cho, bạn gán kích cỡ font 12pt đơn vị em 12pt, 2em 24pt p {letterspacing: 7em;} ex Đơn vị sử dụng cho chiều cao chữ x thường (hay xheight) p {font-size: 24pt; lineheight: 3ex;} in Đơn vị inch (=2.54 cm) p {wordspacing: 15in;} mm Đơn vị milimet p {wordspacing: 15mm;} http://vietjack.com/ Trang chia sẻ các bài học online miễn phí http://vietjack.com/css/index.jsp Copyright © vietjack.com pc Đơn vị pica Một pica = 12 point inch = pica p {font-size: 20pc;} pt Đơn vị point inch = 72 point body {fontsize: 18pt;} px Đơn vị sử dụng hình hiển thị, px tương đương với điểm ảnh hình Chất lượng điểm ảnh hồn tồn khác số thiết bị, ví dụ điểm ảnh thiết bị in ấn khác điểm ảnh thiết bị hình có độ phân giải thấp p {padding: 25px;} http://vietjack.com/ Trang chia sẻ các bài học online miễn phí ...http://vietjack.com /css/ index.jsp Copyright © vietjack.com pc Đơn vị pica... Đơn vị pica Một pica = 12 point inch = pica p {font-size: 20pc;} pt Đơn vị point inch = 72 point body {fontsize: 18pt;} px Đơn vị sử dụng hình hiển thị, px tương đương với điểm ảnh hình Chất lượng... ảnh thiết bị in ấn khác điểm ảnh thiết bị hình có độ phân giải thấp p {padding: 25px;} http://vietjack.com/