Học lập trình Web A-Z – CSS – Bài 5 – Toàn bộ kiến thức về CSS background



Loạt video chủ đề dạy học lập trình và thiết kế website online từ A-Z. Phần CSS. Bài 5: Học cách điều khiển hiển thị ảnh nền, màu nền. Tùy chỉnh và làm chủ hoàn toàn cách hiển thị cũng như vị trí khác nhau của ảnh nền, màu nền. Lần đầu làm việc với CSS viết tắt (shorthand) và CSS nhiều bộ định dạng cùng lúc ( multiple value )

► ỦNG HỘ TÀI CHỈNH TÁC GIẢ
Nếu bạn muốn ủng hộ tài chính cho tác giả, bất kể bao nhiêu, bạn có thể chuyển khoản qua tài khoản:
———————————————————————————-
| TECHCOMBANK, Nguyễn Kiệm, TP Hồ Chí Minh
| Chủ TK ___: ĐẶNG VĂN LEL
| Số TK ____: 19027982455010
———————————————————————————-

► LINK TẢI SLIDE POWER POINT

[PHẦN CSS]
🎬 Video phần CSS bài 4:
🎬 Video phần CSS bài 3:
🎬 Video phần CSS bài 2:
🎬 Video phần CSS bài 1:

[PHẦN HTML]
🎬 Video phần HTML bài 6:
🎬 Video phần HTML bài 5:
🎬 Video phần HTML bài 4:
🎬 Video phần HTML bài 3:
🎬 Video phần HTML bài 2:
🎬 Video phần HTML bài 1:

TỔNG QUAN TOÀN KHÓA HỌC
📝 Giới thiệu chi tiết về cách mà một website làm việc như thế nào trên internet.
📝 PHẦN 1: HTML & HTML5
📝 PHẦN 2: CSS & CSS3
📝 PHẦN 3.1: JAVASCRIPT
📝 PHẦN 3.2: jQuery (đã có VIDEO riêng về jQuery)
📝 PHẦN 4: Khái niệm về cơ sở dữ liệu quan hệ
📝 PHẦN 5: Học T-SQL và MS SQL Server (chuẩn bị cho .NET)
📝 PHẦN 6: ASP.NET MVC
📝 PHẦN 7: Học SQL và MySQL Server (chuẩn bị cho PHP)
📝 PHẦN 8: PHP
📝 PHẦN 9 (kết thúc): Giới thiệu khái niệm Web Framework và giới thiệu một số Web Framework viết bằng PHP.

XIN LƯU Ý: Chúng tôi chỉ cho phép bạn chia sẽ lại dạng nhúng. Video này chỉ phát hành duy nhất trên kênh YOUTUBE của THƯ VIỆN LẬP TRÌNH. Nghiêm cấm mọi hành vi tải về và xuất bản lại tại bất cứ nơi nào khác. Xin cảm ơn.

THÔNG TIN TÁC GIẢ
———————————
• Đặng Văn Lel
• 0906605140
• dangvanlel@gmail.com

(*) Nếu bạn thấy có vấn đề gì về việc xâm hại bản quyền nội dung hoặc hình ảnh trong video, xin vui lòng hãy liên hệ (tel) 0906605140 hoặc (mail) dangvanlel@gmail.com trước khi làm gì khác. Chúng tôi sẽ hỗ trợ hết mức có thể để giải quyết vấn đề xâm phạm bản quyền (nếu có) đối với bạn.

Nguồn: https://nacaroinc.com

Xem thêm bài viết khác: https://nacaroinc.com/tong-hop/

43 Comments

  • cảm ơn thầy, thầy dạy rất kỹ từng phần. Chúc thầy nhiều sức khỏe.

    No Name
    Posted June 7, 2020
  • thầy ơi sao em chèn ảnh nền background vào mà trình duyệt nó không hiển thị được hết hình ảnh em chèn vào. Bên trình duyêt chỉ hiển thị được 1 góc hình ảnh là sao thầy, dù em đã phóng to hay hiển thị hết cái trình duyệt luôn

    mix edm city
    Posted June 7, 2020
  • cảm ơn thầy …

    Tai Huu
    Posted June 7, 2020
  • hihi nhờ thầy qua môn ngon lành luôn hihi , cảm ơn thầy và team edit nha

    Minh Nhựt Nguyễn
    Posted June 7, 2020
  • ủa sao trình duyện em mở lên ko thấy cái thanh scroll cuộn xuống v mọi người ơi ??

    Trần Dần
    Posted June 7, 2020
  • anh cài cách nào mà chỉ cần f5 nó nó load đc file vậy, bản 2019 của em mỗi lần sửa file là phải lưu nó mới chạy đc

    Long Vũ
    Posted June 7, 2020
  • bài giảng rất dễ hiểu,tuy nhiên thì nếu không có bài tập đi kèm thì sẽ rất dễ quên

    Dino
    Posted June 7, 2020
  • cho e hỏi : bức ảnh như thế nào mới có thể hiện thị full hết trang web ạ??

    Thành Nguyễn Trung
    Posted June 7, 2020
  • thầy ơi em đặt vào thư mục như thầy mà ko đuôc giúp em với ạ

    Nguyễn Anh Khôi Official
    Posted June 7, 2020
  • sao ảnh bị lặp lại lúc a dùng background-fixed v a, sao phải viết vô 1 thể body khác v a

    HOÀNG HUY LẠI
    Posted June 7, 2020
  • thầy ơi! giúp em với ạ. Em ngồi mãi mà ko biết nó sai ở đâu . Em cảm ơn thầy
    https://drive.google.com/open?id=1ub1PFh1Bus7WaPFX3eupceMtWu5UY6EW

    Quang Nam Đặng
    Posted June 7, 2020
  • a ơi cho e hỏi
    từ chỗ 3 phút 45 đến 3 phút 54 a đang fix lỗi không tìm thấy file. Vậy cho e hỏi làm thế nào để fix được lỗi này ạ?thực hiện những thao tác gì?
    e cảm ơn a nhiều ạ..

    Phớt Channel
    Posted June 7, 2020
  • Bạn ơi cho mình hỏi, mình làm đúng ví dụ bạn hướng dẫn với thẻ: background-image: url('he-mat-troi.jpg); ở trong div1. Mà sao lúc reload ở IE thì toàn không nhìn thấy khung hình được tạo đâu ra cả. Chỉ còn khung hình màu của div1 và div2 thôi.

    Do Hai Quan
    Posted June 7, 2020
  • Mình có thêm nhiều background vào, làm sao để nó có thể nối tiếp nhau. Mình để nó đúng thứ tự thì khi room màn hình vào thì nó bị tách ra, còn khi để ở html nó dính lại được thì lại không dùng được background-size: content. Tư vấn giúp mình

    Trường Nguyễn Sỹ
    Posted June 7, 2020
  • cảm ơn anh

    Mạnh Giáp
    Posted June 7, 2020
  • Thật chân thành!

    Mùi Nguyễn
    Posted June 7, 2020
  • xin chân thành cảm ơn thầy rất nhiều. nhờ thầy mà e làm được rất nhiều thứ.

    Vay Tiền Online
    Posted June 7, 2020
  • cam on da chia se video nay …

    Anh Dao
    Posted June 7, 2020
  • Khi xưa ham học giờ đã làm được nhiều website rồi. Cảm ơn thầy vì những video quá bổ ích!

    Giau Nguyen
    Posted June 7, 2020
  • vậy anh ơi cho em hỏi
    vậy phải có widght hay height mới có thể tùy chỉnh được repeat phải ko anh

    KTF
    Posted June 7, 2020
  • Em muốn hỏi nếu em tạo 1 thẻ div position:absolute có left và right nằm giữa màn hình máy em nhưng khi vào máy khác thì nó lại lệch thì phài chỉnh như thế nào thầy

    minh cuong le
    Posted June 7, 2020
  • background-image : Định dạng cái hình nhỏ lại (phù hợp với cái hộp mình tạo ra) sao vậy anh,, nó chỉ hiện thi một góc trên bên trái của bức ảnh thôi
    Em dùng "background-radius:180px;" thì nó chỉ hiển thị góc trên bên trái 180px trong cái hình mà em thêm linked vào thôi !.

    Relex
    Posted June 7, 2020
  • Anh cho em hỏi khi muốn thêm file image mà nó nằm ngoài file css chứ không muốn gom chung file định-dạng.css và 1.img vô 1 file như phút 4+30 trong video thì làm sao ạ?
    ví dụ e có 2 thư mục:
    1:css/định-dạng.css
    2:imgs/1.img
    …../2.img
    2 file css và imgs ngang cấp nhau
    Cám ơn anh rất nhiều

    Đồng Đen
    Posted June 7, 2020
  • cảm ơn thầy!

    Thanh That son
    Posted June 7, 2020
  • ad ơi e muốn lấy playlist video làm nền thì sao ạ?

    Minh Huỳnh
    Posted June 7, 2020
  • video của anh rất hay và bổ ích! Xin cảm ơn anh nhiều.
    Có 1 góp ý nhỏ cho anh là: anh soạn video không nhất thiết phải đánh số bài, anh cứ up thêm trình tự, sau này, anh thấy giữa 2 bài nào đó muốn thêm 1 bài nữa cũng dễ hơn, không cần phải sửa số bài lại, không cần thêm bis hay a/b/c gì, hoặc bài đó k thuộc nội dung bài trên hay bài dưới (mà theo logic trình bày riêng của anh) thì cũng chẳng sao cả

    Hao Chung
    Posted June 7, 2020
  • Thầy nên tạo link donate trực tuyến thì người ta sẽ ủng hộ thầy dễ hơn, bài học của thầy rất hay

    Sơn Nguyễn
    Posted June 7, 2020
  • em khai báo css p{ color:red;} rồi nhưng sang html ở thẻ p nó k tự đổi thành màu đỏ mà em phải <p id="p"> ở mỗi thẻ p! làm sao để nó đồng nhất sử dụng cho các thẻ p vậy anh

    Chítt
    Posted June 7, 2020
  • hay qua khong can di hoc luon

    nguyenkine678 1234
    Posted June 7, 2020
  • tất cả các bài của anh đều rất hay ạ đôi khi bọn em k bấm like là vì chăm chú theo dõi quá thôi anh. ý em là không phải k bấm like là video k hay đâu anh nhé điều này k quan trọng quan trọng là em cảm nhận được.

    Nhân Trần
    Posted June 7, 2020
  • key nghĩa la s hả ad.

    nguyen anh hoang
    Posted June 7, 2020
  • Hay và tâm huyết, cảm ơn Thư Viện Lập Trình

    le hung
    Posted June 7, 2020
  • Hết mỗi bài thầy có thể cho 1 2 bài tập tự làm dc ko ạ

    Học Nguyễn Trọng
    Posted June 7, 2020
  • cảm ơn thầy nhiều, bài giảng hay quá!

    Trung Lưu Viết
    Posted June 7, 2020
  • e chào thầy. thầy ơi thầy ra tiếp video đi ạ.

    Trần Văn Mạnh
    Posted June 7, 2020
  • khi nào có tập 6 vậy thầy

    Nam Phương
    Posted June 7, 2020
  • Khi nào mới có clip mới vậy thầy.
    E nghỉ 1 tuần 1-2 clip sẽ dể học.

    Quách Phú Nhuận
    Posted June 7, 2020
  • tới bài 5 là hết rồi hả mấy bạn?

    Minh Chiến Trần
    Posted June 7, 2020
  • Hay quá thầy ơi

    Phan Thanh Quyền
    Posted June 7, 2020
  • Cũng là HTML và CSS nhưng phải làm sao ạ :v

    nguyệt nguyễn
    Posted June 7, 2020
  • Thầy ơi cho em hỏi . Thầy có biết phần mềm họ dạy trong link này kg ạ : http://thecodeplayer.com/walkthrough/html-css-ice-cream-cone đây ạ

    nguyệt nguyễn
    Posted June 7, 2020
  • Thầy ơi khi nào bên thầy mới nghỉ tết xong vậy thầy 🙁

    Thanh Thao Mai
    Posted June 7, 2020
  • Mong thầy up thêm nhiều và nhanh bài học để chúng em học nhanh với ạ. e trân thành cảm ơn.

    Nguyễn Xuân Hảo
    Posted June 7, 2020

Leave a comment