Tạo khung(Layout) website với Html Css cho người mới toanh | unitop.vn

[@unitopvn]

Video này hữu ích với bạn chứ? Vui lòng để lại comment bên dưới để cùng thảo luận về nội dung này! » » [Miễn phí] Tặng bạn Ebook Bí quyết học lập trình web cho người mới bắt đầu: unitop.com.vn/free » » Lộ trình 10 bước học web đi làm: unitop.com.vn/lotrinh » » Ưu đãi tặng riêng cho bạn khi đăng ký combofull học web đi làm: unitop.com.vn/combo » » Khoá học lập trình web đi làm: unitop.vn » » Blog: ​unitop.com.vn​ » » Bấm đăng ký kênh để tránh bỏ sót video mới: bit.ly/30TZXyS để nhận chia sẻ về kinh nghiệm học và kiếm tiền từ nghề lập trình web. - - - - - - - - - - - - - - - - - - - - - - LIÊN KẾT QUAN TRỌNG » » Blog lập trình: unitop.com.vn » » Khoá học lập trình web đi làm: unitop.vn » » Fanpage: facebook.com/hocwebdilam Chúc bạn học tốt!😉

[@datnguyenquy2386]

tuyệt quá thầy ạ dù em cảm thấy hơi có lỗi khi đang làm cái btap thực hành css float web tạo layout lười nghĩ xem nhảy cóc luôn 😗😗😗

[@luchoang4301]

em cảm ơn bài giảng của anh ạ

[@bmhieu5]

anh oi, lam sao de minh tu dong upload khi minh viet xong code dat lenh a

[@-LeHongQuang]

tại sao lúc e chọn lệnh display thì lại main content nó không chia ra như a vậy ạ

[@wapgamer9411]

Anh cho e hỏi là muốn side bar bên trái thì làm răng v anh?

[@unitopvn]

Đổi thứ tự content và sidebar trong html hoặc chỉnh nó bằng thuộc tính order trong flex là được e nhé. Nếu muốn học bài bản làm dự án cá nhân hoặc đi làm em xem thêm Html Css 21 Ngày trên unitop.vn nhé.

[@luchoang4301]

anh ơi giải thích cho e chỗ box-sizing dc k ạ e hơi lú chỗ này

[@vitalhal5497]

phần mềm vẽ cấu trúc layout là gì vậy ạ?

[@unitopvn]

Vẽ bằng phần mềm Goodnote trên ipad bạn nhé!

[@dazj1284]

Anh ơi cái header em dùng posittion: fixed thì cái main cotent nó bị ẩn sau header luôn fix bằng padding ạ?

[@unitopvn]

Cái đó e thêm một div làm đổ bóng của header có kích thước bằng header nó nằm ở dưới nhé. Khi đó không cần padding.

[@din-do-that]

chỗ p*4>lorem em cũng code như bác mà nó không tự tạo đoạn văn là sao vậy ạ?

[@unitopvn]

Đánh xong nhấn tab ae

[@din-do-that]

@@unitopvn em cảm ơn ạ

[@nganhuu4149]

Anh ơi anh làm ghi border đi để cho nó có cái khung ạ

[@unitopvn]

OKi em

[@NamTran-wq8bk]

ID với class nó khác nhau thế nào ạ thầy

[@TrungNguyen-if9jx]

id thì chỉ dùng cho 1 element duy nhất được chỉ định còn class có thể dùng lại ở nhiều element và cho chúng chung style được

[@unitopvn]

Trong CSS (Cascading Style Sheets), class và id là hai cách để xác định một nhóm các phần tử HTML cụ thể để áp dụng các quy tắc kiểu (style rules). 1. Class trong CSS: Được định nghĩa bằng cách sử dụng từ khóa . và sau đó là tên của class. Ví dụ: .my-class. Class có thể được sử dụng cho nhiều phần tử HTML khác nhau trên trang. Một phần tử có thể áp dụng nhiều class khác nhau, chỉ cần cách nhau bởi dấu cách. Ví dụ: . Để chọn một class trong CSS, bạn sử dụng cú pháp . theo sau là tên class. Ví dụ: .my-class { color: blue; }. 2. ID trong CSS: Được định nghĩa bằng cách sử dụng từ khóa # và sau đó là tên của ID. Ví dụ: #my-id. Mỗi ID chỉ có thể xuất hiện một lần duy nhất trong toàn bộ trang HTML. Điều này giúp định danh một phần tử cụ thể. Không giống như class, một phần tử chỉ có thể áp dụng một ID duy nhất. Để chọn một ID trong CSS, bạn sử dụng cú pháp # theo sau là tên ID. Ví dụ: #my-id { font-size: 16px; }. Tóm lại, class được sử dụng để nhóm các phần tử có cùng các thuộc tính kiểu, có thể áp dụng cho nhiều phần tử và một phần tử có thể áp dụng nhiều class. Trong khi đó, ID được sử dụng để định danh một phần tử cụ thể, chỉ áp dụng duy nhất cho một phần tử trên trang.

[@nguyenvanlien02]

Anh ơi, nhằm giao diện đâu có sidebar đâu đúng ko anh hay là giao diện nào có nội dung phía bên phải thì đều gọi là sidebar vậy ạ

[@unitopvn]

Nó như một tên riêng trong giới code hay dùng em à.

[@nguyenvanlien02]

@@unitopvn dạ em cám ơn ạ

[@nhanc9x]

©