Tạo bởi: Bùi Xuân Hà

25/05/2021

Bài 13: Cách sử dụng Height và Width trong css

Nội dung bài viết

Cách sử dụng Height và Width trong css

Thuộc tính height và width trong CSS được sử dụng để thiết lập kích thước của một phần tử HTML. Dưới đây là một số cách sử dụng height và width:

1. Thiết lập chiều cao và chiều rộng cố định:

div {
  height: 100px;
  width: 200px;
}

Trong ví dụ trên, phần tử <div> sẽ có chiều cao là 100px và chiều rộng là 200px.

2. Thiết lập chiều cao và chiều rộng theo tỷ lệ phần trăm:

div {
  height: 50%;
  width: 75%;
}

Trong ví dụ trên, phần tử <div> sẽ có chiều cao bằng 50% chiều cao của phần tử cha và chiều rộng bằng 75% chiều rộng của phần tử cha.

3. Thiết lập chiều cao và chiều rộng linh hoạt:

div {
  height: auto;
  width: 100%;
}

Trong ví dụ trên, phần tử <div> sẽ có chiều cao linh hoạt theo nội dung trong phần tử và chiều rộng bằng 100% chiều rộng của phần tử cha.

Bạn có thể sử dụng các giá trị khác nhau của height và width để tạo ra kích thước tùy chỉnh cho các phần tử HTML của mình. Kích thước này có thể được sử dụng để tạo ra các hiệu ứng thị giác và tạo ra bố cục cho trang web của bạn.

Nội dung thảo luận

Họ Và Tên

=> Phần mềm là tập hợp một hoặc nhiều khối lệnh logic được viết bằng một hoặc nhiều ngôn ngữ khác nhau sau đó mã hóa để máy tính, điện thoại, vi điều khiển,... gọi chung là phần cứng có thể thực thi được.

Bỏ

Tốt

Trả lời

Họ Và Tên

Bình luận

Khóa học CSS

Cung cấp đầy đủ kiến thức cơ bản nền về CSS, tạo nền tảng vững chắc khi lập trình sản phẩm.

72h45'

44 bài

Bài 1: Nhập môn CSS Nhập môn CSS

Bài 2: Tổng quan về CSS Tổng quan về CSS

Bài 3: Cài đặt và công cụ viết CSS Cài đặt và công cụ viết CSS

Bài 4: Cấu trúc câu lệnh css Cấu trúc câu lệnh css

100

Bài 5: Cách đưa css vào trang Cách đưa css vào trang

Bài 6: Lựa chọn và áp dụng css cho thẻ Lựa chọn và áp dụng css cho thẻ

Bài 7: Cách sử dụng Comments trong css Cách sử dụng Comments trong css

Bài 8: Cách sử dụng màu(color) trong css Cách sử dụng màu(color) trong css

Bài 9: Cách sử dụng thuộc tính Backgrounds trong css Cách sử dụng thuộc tính Backgrounds trong css

Bài 10: Cách sử dụng Borders trong css Cách sử dụng Borders trong css

Bài 11: Cách sử dụng Margins trong css Cách sử dụng Margins trong css

Bài 12: Cách sử dụng Padding trong css Cách sử dụng Padding trong css

Bài 13: Cách sử dụng Height và Width trong css Cách sử dụng Height và Width trong css

Bài 14: Cách sử dụng Box Model trong css Cách sử dụng Box Model trong css

Bài 15: Cách sử dụng Outline trong css Cách sử dụng Outline trong css

Bài 16: Cách sử dụng Text trong css Cách sử dụng Text trong css

Bài 17: Cách sử dụng Fonts trong css Cách sử dụng Fonts trong css

Bài 18: Cách sử dụng Icons trong css Cách sử dụng Icons trong css

Bài 19: Cách sử dụng Links trong css Cách sử dụng Links trong css

Bài 20: Cách sử dụng line-height trong css Cách sử dụng Icons trong css

Bài 21: Cách sử dụng Flex trong css Cách sử dụng Links trong css

Bài 22: Cách sử dụng Lists trong css Cách sử dụng Lists trong css

100

Bài 23: Cách sử dụng Tables trong css Cách sử dụng Tables trong css

100

Bài 24: Cách sử dụng Display trong css Cách sử dụng Display trong css

100

Bài 25: Cách sử dụng Position trong css Cách sử dụng Position trong css

100

Bài 26: Cách sử dụng Overflow trong css Cách sử dụng Overflow trong css

Bài 27: Cách sử dụng Float trong css Cach-su-dung-Float-trong-css

100

Bài 28: Cách sử dụng Inline-block trong css Cách sử dụng Inline-block trong css

Bài 29: Cách sử dụng Align trong css Cách sử dụng Align trong css

100

Bài 30: Cách sử dụng Combinators trong css Cách sử dụng Combinators trong css

Bài 31: Cách sử dụng Pseudo-classes trong css Cách sử dụng Pseudo-classes trong css

100

Bài 32: Cách sử dụng Pseudo-elements trong css Cách sử dụng Pseudo-elements trong css

100

Bài 33: Cách sử dụng Opacity trong css Cách sử dụng Opacity trong css

Bài 34: Cách sử dụng Navigation Bar trong css Cách sử dụng Navigation Bar trong css

100

Bài 35: Cách sử dụng Dropdowns trong css Cách sử dụng Dropdowns trong css

Bài 36: Cách sử dụng Image Gallery Bar trong css Cách sử dụng Image Gallery Bar trong css

100

Bài 37: Cách sử dụng Image Sprites trong css Cách sử dụng Image Sprites trong css

100

Bài 38: Cách sử dụng Attribute Selectors trong css Cách sử dụng Attribute Selectors trong css

100

Bài 39: Cách sử dụng Forms trong css Cách sử dụng Forms trong css

100

Bài 40: Cách sử dụng Counters trong css Cách sử dụng Counters trong css

100

Bài 41: Cách sử dụng Website Layout trong css Cách sử dụng Website Layout trong css

100

Bài 42: Cách sử dụng Units trong css Cách sử dụng Units trong css

100

Bài 43: Cách sử dụng Specificity trong css Cách sử dụng Specificity trong css

100

Bài 44: Cách sử dụng important trong css Cách sử dụng important trong css

100

Bài 13: Cách sử dụng Height và Width trong css

Nội dung bài viết

Nội dung thảo luận

Dự án

Sơ đồ trang

Giới thiệu