Làm cách nào để tạo một trang web bằng JavaScript?
Nếu bạn đang tìm kiếm một công việc của nhà phát triển web, có thể hữu ích nếu bạn có một trang web danh mục đầu tư. Cũng có thể hữu ích nếu bạn có các dự án mà bạn đã tạo để hiển thị cho các nhà tuyển dụng tiềm năng. Bạn có thể hoàn thành cả hai nhiệm vụ cùng một lúc bằng cách tạo trang web danh mục đầu tư của riêng mình bằng HTML, CSS và JavaScript Show Chúng tôi vừa xuất bản một khóa học trên freeCodeCamp. org Kênh YouTube sẽ giúp bạn cải thiện kỹ năng phát triển giao diện người dùng bằng cách hướng dẫn bạn cách xây dựng trang web danh mục đầu tư MacLinz đã phát triển khóa học này. Anh ấy là một nhà phát triển giao diện người dùng có kinh nghiệm đã tạo ra nhiều khóa học tuyệt vời trên kênh YouTube của mình Trong khóa học này, bạn sẽ học cách xây dựng một trang web danh mục đầu tư đáp ứng với thiết kế hiện đại và các hiệu ứng dựa trên JavaScript thú vị. Bạn có thể sử dụng những gì bạn học được trong khóa học này và tùy chỉnh trang web danh mục đầu tư của mình để thể hiện quá trình làm việc và kỹ năng thiết kế của bạn Đây là dự án dành cho người mới bắt đầu tuyệt vời dành cho những người muốn cải thiện kỹ năng của mình bằng HTML, CSS và JavaScript Khóa học bao gồm các phần sau
Xem toàn bộ khóa học bên dưới hoặc trên freeCodeCamp. org kênh YouTube (3 giờ xem) Bảng điểm(autogenerated) Trong khóa học này, bạn sẽ cải thiện các kỹ năng HTML, CSS và JavaScript của mình bằng cách xây dựng một trang web danh mục đầu tư Chào mọi người. Trong video hôm nay, chúng ta sẽ xây dựng một trang web danh mục đầu tư bằng HTML, CSS và JavaScript Vì vậy, đây là trang chủ chính của danh mục đầu tư. Được rồi, vậy là chúng ta có một số hiệu ứng di chuột đẹp mắt. Trên các nút và hình ảnh. Chúng ta cũng có thể chuyển đổi giữa chủ đề sáng và tối Được rồi, vậy phần tiếp theo sẽ là phần trên, chúng ta sẽ có một số thông tin với các hiệu ứng sau cũng đẹp. Và chúng ta sẽ có một số thống kê ở đây với các thanh tiến trình. Và họ cũng sẽ có một dòng thời gian Được rồi, vì vậy nó trông cũng đẹp trên chủ đề ánh sáng Được rồi, phần tiếp theo sẽ là phần danh mục đầu tư với hiệu ứng SRO, một trong những mẫu này có thể dẫn chúng ta đến bất kỳ tác phẩm nào gợi ý rằng bạn nên liên kết nó với, được thôi, vì vậy, ví dụ: bạn muốn truy cập GitHub, bạn Được rồi, và phần tiếp theo sẽ là phần blog. Chúng tôi cũng có hiệu ứng di chuột đẹp mắt trên hình ảnh trong mục blog. Và cuối cùng, chúng tôi có phần liên hệ, bạn có thể đặt thông tin liên hệ của mình ở đây Bạn muốn gì thì tùy bạn Trang web này cũng phản hồi nhanh, nó sẽ hỗ trợ nhiều màn hình, thậm chí bạn có thể làm cho nó phản hồi nhanh hơn bao nhiêu tùy thích Vì vậy, khi tôi giảm chiều rộng, nó sẽ kiểm tra các điều khiển đó ở đây, và sau đó đặt chúng xuống đây, bạn có thể chuyển đổi giữa các trang trong các điều khiển ở dưới đây, thay vì chúng nằm ở phía bên phải Được rồi, như bạn có thể thấy, mọi thứ sẽ phản ứng tốt với các kích thước màn hình khác nhau Được chứ Vì vậy, Sam sắp trở thành phản hồi của NASA Và danh mục đầu tư cũng sẽ được đáp ứng lồng nhau Vâng, ngoài ra, mọi thứ đều đáp ứng Vì vậy, tôi sẽ chỉ cho bạn mọi thứ để làm cho nó phản ứng nhanh hơn nữa, bạn có kiến thức để tạo ra sự khác biệt Vì vậy, yeah, tôi nghĩ rằng đó là nó cho cuộc biểu tình nhanh chóng này Tôi sẽ gặp bạn trong video Tôi có một thư mục hình ảnh ở đây Nên không có nhiều hình ảnh Vì vậy, đây là những hình ảnh mà chúng ta sẽ sử dụng trong dự án này, tôi sẽ bắt đầu bằng cách tạo một tệp HTML mới, đánh dấu chấm HTML, sau đó tôi sẽ tạo một thư mục mới Vì vậy, cái này sẽ lưu trữ tất cả các kiểu của chúng ta bên trong các kiểu dành cho chúng khi tạo một kiểu mới Vì vậy, tiện ích mở rộng mà chúng tôi sẽ sử dụng cho tiện ích này là s CSS Vì vậy, đó là bộ tiền xử lý sass Tạo kiểu nhanh hơn nhiều so với CSS bình thường Vì vậy, để có thể sử dụng Sass, bạn cần vào phần tiện ích mở rộng và tìm SAS, sau đó bạn sẽ tìm SAS và sau đó cài đặt nó Ngoài ra, có một trình biên dịch trực tiếp Vì vậy, chúng tôi không cần phải khởi động lại mỗi khi chúng tôi cập nhật mã Vì vậy, chúng tôi chỉ có thể biên dịch cuộc sống mã Được chứ Vì vậy, bây giờ, tôi, bạn cũng có thể muốn tải xuống các đoạn HTML CSS Vì vậy, hỗ trợ HTML, CSS trong tương lai, chỉ cần cài đặt hai cái này Được rồi, tôi nghĩ bây giờ là xong, chúng ta chỉ cần vào phần phong cách và thiết lập lại trang cơ bản Vì vậy, tôi sẽ đặt lề thành 0, bởi vì theo mặc định, trang là bất cứ khi nào lề và phần đệm bằng 0, kích thước hộp, hộp 0, trên thực tế, hộp và sau đó kiểu danh sách thành không Được rồi, vì vậy trong phần thân, tôi sẽ cho nó một màu nền đỏ để kiểm tra xem phong cách của chúng ta có phù hợp không Vì vậy, chúng ta cần biên dịch tệp Sass này vào thư mục kiểu Vì vậy, ở đây bạn sẽ thấy một nút nói những gì Sass nhấp vào nút Được rồi, sau đó nó sẽ tạo một tệp css kiểu ở đây Vì vậy, hãy chuyển đến chỉ mục và tạo bản soạn sẵn HTML Vì vậy, để làm điều đó, hãy giữ Shift và một rồi nhấp vào enter Shift, giữ Shift, một, nhập Được rồi, tôi sẽ đặt tên cho danh mục đầu tư này danh mục đầu tư Được rồi, vì vậy bây giờ tôi sẽ liên kết các kiểu tệp css phong cách Bắt đầu với CSS Vì vậy, tôi sẽ chạy cái này với máy chủ trực tiếp Vì vậy, bạn có thể đi đến các tiện ích mở rộng và tìm tiện ích mở rộng cắm máy chủ trực tiếp Được rồi, vì vậy tôi sẽ chạy cái này ngay bây giờ Với máy chủ trực tiếp nó đây rồi Được rồi, điều đó có nghĩa là phong cách của chúng tôi đang hoạt động Vì vậy, tôi sẽ loại bỏ màu nền của Margarida đỏ, tôi sẽ thực sự lấy một số phông chữ trước Google Fonts, Google Fonts, tôi sẽ lấy phông chữ tên là Poppins Được rồi, vì vậy bạn cần chọn một số trọng lượng phông chữ Vì vậy, chúng tôi sẽ sử dụng 405 và 400 500 thông thường, chỉ những cái thông thường, cho đến 800 Vì vậy, khi bạn đã hoàn thành việc đó, bạn chỉ cần sao chép liên kết này, sau khi sao chép xong, hãy chuyển đến chỉ mục bên dưới các kiểu, sau đó dán vào Trọng số phông chữ Được rồi, vì vậy tôi cũng sẽ sao chép họ phông chữ, và sau đó khi tôi đặt nó vào phần thân Được rồi, bây giờ chúng ta đã hoàn thành các phông chữ, chúng ta sẽ có thể chuyển đổi giữa chế độ tối và sáng Vì vậy, để làm điều đó, chúng tôi sẽ sử dụng một số biến, một số biến CSS để thực hiện các biến, chúng tôi sẽ nhập root, sau đó chúng tôi sẽ đặt một số biến vào trong thư mục gốc Được rồi, vì vậy chủ yếu là các biến sẽ làm cho màu sắc Được rồi, vì vậy bạn có thể thực hiện một biến theo nghĩa đen cho mọi thứ chủ yếu trong video này, tôi sẽ thực hiện các màu sắc Vì vậy, cái đầu tiên sẽ là màu chính Vì vậy, trang bìa chính này sẽ giống như một màu tối 191 Và sau đó từ D đến B, tôi nghĩ đó là màu Ừ Được rồi, đó là màu sắc, tôi sẽ dán các màu còn lại vào, vì tôi không làm mất thời gian của bạn để gõ từng cái một Được rồi, đây là những biến mà chúng ta sẽ sử dụng Vì vậy, bây giờ, đối với cơ thể, tôi sẽ tạo cho nó một màu nền Vì vậy, để có thể sử dụng biến duva Màu chính, vì vậy màu chính VA, chúng ta sẽ sử dụng biến này, là màu một chấm một Được rồi, vì vậy tôi cũng đã thực hiện kích thước phông chữ, kích thước phông chữ mặc định sẽ là 1. 1 RM Vì vậy, đó sẽ là kích thước phông chữ mặc định của chúng tôi Ngoài ra, tôi sẽ cung cấp một màu khác, màu mặc định sẽ là màu trắng Nên mặc định trên text là màu trắng nhé bạn, sau đó mình muốn chuyển đổi cũng được chuyển tiếp Vì vậy, quá trình chuyển đổi sẽ kéo dài tất cả điểm bốn giây đang diễn ra tốt đẹp Được rồi, cứ như vậy đi Vì vậy, bây giờ chúng tôi đã làm điều đó, hãy chuyển đến chỉ mục Vì vậy, ở đây, tôi sẽ cung cấp cho lớp cơ thể nội dung chính, vì vậy nội dung chính, vì vậy đó là cơ thể Và sau đó trong phần thân, chúng ta sẽ có một tiêu đề tiêu đề với lớp của phần Và sau đó là một tên lớp khác của Phần sec, một, phần một, và sau đó là một lớp tiêu đề khác Và sau đó sẽ có một lớp hoạt động khác, họ muốn xem tại sao chúng tôi sử dụng hoạt động, tôi sẽ giải thích khi chúng tôi tiếp tục, chúng tôi nhấn enter Được rồi, vậy bây giờ nếu chúng ta có và gạch dưới phần chính của bạn, phần chính sẽ có phần phiên, dấu chấm Phần sẽ có một lớp phần và sau đó doats, một lớp khác, phần hai, rồi một lớp khác về Được rồi, vì vậy bây giờ tôi sẽ nhấp vào nhập Vì vậy, bây giờ chúng tôi có một phần Được rồi, vậy chúng ta sẽ có thêm năm phần nữa Được rồi, vậy là chúng ta có phần, phần hai, về món tráng miệng nào đó, đó là tên lớp, tôi sẽ sao chép phần này Cà chua ba lần nữa 123 Được rồi, vì vậy tất cả chúng sẽ chứa một lớp phần, tất cả chúng Tôi sẽ thay đổi điều này từ khu vực này sang phần ba, phần bốn và Phần năm Được rồi, bạn chỉ có thể thay đổi tên lớp ở đây từ sắp thành danh mục đầu tư Và cái khác, cái này sẽ là blog Và sau đó cái này sẽ được liên lạc Liên lạc Được chứ Điều đó cũng vậy Bây giờ chúng tôi có các phần, chúng tôi cần, hãy bắt đầu bằng cách bán tất cả các phần này Trước khi chúng tôi thêm bất kỳ nội dung nào Hãy làm việc với chức năng để chuyển đổi giữa các phần, được rồi, sử dụng JavaScript Tôi sẽ giới thiệu cho bạn về Font Awesome Tôi sẽ nói phông chữ, CDN tuyệt vời CDN Và sau đó tìm Font Awesome CDN, tìm phiên bản, phiên bản 5. 5 điểm một, sau đó sao chép thẻ liên kết, sau đó đi xuống bên dưới Google Fonts thậm chí ở trên và sau đó chỉ cần dán vào liên kết Được rồi, vì vậy bây giờ chúng tôi đã dán liên kết cho phông chữ Phông chữ tuyệt vời, tuyệt vời Bạn biết đấy, chúng tôi có thể lấy các biểu tượng từ phông chữ phông chữ tuyệt vời, tuyệt vời Instagram, giả sử chúng tôi muốn sử dụng biểu tượng Instagram Vì vậy, chúng tôi có thể sao chép biểu tượng Instagram này, hãy xem nó có hoạt động không, tôi sẽ dán nó xuống đây Và khi tôi lưu, hãy xem trong phần xem trước nếu nó hoạt động hay không Xem nào, nó đây Vì vậy, điều đó có nghĩa là nó đang hoạt động Vì vậy, nó là màu trắng Vì vậy, đó là màu mặc định của trang web Và biểu tượng đang hoạt động Vì vậy, điều đó có nghĩa là một số đã được cài đặt thành công Vậy bây giờ chúng ta bắt tay vào cài đặt các phần nhé Hầu hết chúng sẽ nhắm mục tiêu tất cả các liên kết, thẻ neo, tôi sẽ nói, hiển thị, khối nội tuyến, khối chín và sau đó không trang trí văn bản Và sau đó tôi sẽ nói rằng tôi sẽ thực sự cho nó là cái này tôi đã quên tên, màu sắc màu sắc sẽ kế thừa chúng ta sẽ kế thừa màu sắc mà chúng ta có trong cơ thể Và sau đó họ phông chữ sẽ được kế thừa Được rồi, bây giờ chúng ta hãy bắt đầu từng phần riêng lẻ Vì vậy, các phần này sẽ có thể chuyển đổi giữa các phần, do vị trí mà chúng sẽ có, chúng sẽ có phần trăm tuyệt đối Vì vậy, mỗi phần sẽ có chiều cao tối thiểu là 100 VH Được rồi, vậy đó là chiều cao tối thiểu và sau đó là chiều rộng 100% Và sau đó chúng ta sẽ thực hiện vị trí tuyệt đối Và sau đó chúng ta sẽ làm trái, số 0, từ trên xuống số 0 là số 0 trên cùng của chúng ta Và sau đó chúng ta sẽ thực hiện phần đệm Vì vậy, khoảng cách đệm Vì vậy, trên và dưới, khoảng cách giữa trên và dưới sẽ là ba thanh RAM, và sau đó là 18 Ram trái và phải Được rồi, vì vậy mỗi giây sẽ có ô này, được chứ Và trên thực tế, chúng ta cũng cần làm tiêu đề Vì vậy, đầu sẽ có chiều cao, chiều cao cố định là 100 VH Vì vậy, chiều cao cho đầu sẽ được cố định Được rồi, và sau đó chúng ta sẽ tạo một màu, màu cho màu đó sẽ là màu trắng Màu trắng cho màu sắc Trắng, tôi không biết tại sao tôi không tự động hoàn thành Và sau đó chúng ta cũng sẽ có một tràn ẩn trong trường hợp thứ gì đó tràn ra ngoài Được rồi, vì vậy bây giờ, không có gì xảy ra Khi tôi kiểm tra cái này, chúng tôi có tất cả những thứ này, tất cả những phần nằm chồng lên nhau Được rồi, bởi vì chúng tôi đang sử dụng vị trí tuyệt đối Vì vậy, bây giờ tất cả họ đang nằm chồng lên nhau Vì vậy, để tạo hiệu ứng chuyển đổi giữa các phần này, chúng tôi cần một cách để ẩn các phần còn lại và sau đó chỉ hiển thị phần mà chúng tôi đã nhấp vào Được rồi, chúng ta sẽ làm ánh sáng và JavaScript Nhưng bây giờ chúng ta hãy tiếp tục Tôi sẽ nhắm mục tiêu một lớp phần Nên tiết mục này tôi sẽ để mặc định, tôi muốn rời khỏi màn hình này, tôi muốn tắt màn hình Được rồi, vì vậy tôi sẽ sử dụng một phép biến đổi cho điều đó Và sau đó tôi sẽ dịch thành y trừ một đại diện Vì mặc định chỉ để tắt màn hình Được rồi, sau đó tôi cũng sẽ thực hiện chuyển đổi, bạn có thể tạo một biến cho quá trình chuyển đổi này nếu muốn, bởi vì chúng ta sẽ sử dụng lại điều này rất nhiều lần trong video này Vì vậy, bạn có thể làm cho nó dễ dàng hơn bằng cách tạo một biến cho điều đó Được rồi, vì vậy bây giờ chúng tôi đã chuyển đổi Và chúng ta cũng cần màu nền Vì vậy, đối với cái này sẽ có màu chính VA Màu cơ bản, được rồi, vậy đó, đó là màu Vì vậy, mỗi phần riêng lẻ, chúng ta có thể tạo kiểu cho chúng khác nhau, chúng ta có thể cung cấp cho chúng một màu nền khác, bất cứ thứ gì khác. Vì vậy, tôi sẽ gắn thẻ một phần một, giây, một, giây một Vì vậy, cái này, bạn có thể đặt cho nó một màu nền khác nếu bạn muốn, theo mặc định chỉ là không có màn hình Tôi không muốn hiển thị bất cứ thứ gì vì tôi muốn có thể chuyển đổi giữa các phần này Được rồi, tôi sẽ làm chuyển đổi như tất cả dịch Dịch Y trang tính, y một để dịch y không ngay bây giờ Và sau đó chúng ta sẽ làm quy mô Chúng ta sẽ làm một Được rồi, vì vậy bây giờ, khi chúng tôi thứ hai đang hoạt động, sẽ quay lại vị trí mặc định Vì vậy, ở đây chúng tôi đã chuyển đổi, Dịch Y trừ 100% và tỷ lệ bằng 0 ở đây Vì vậy, khi chúng tôi quay lại vị trí mặc định, bạn biết đấy, nó sẽ giống như hoạt hình xuất hiện, tắt màn hình và chia tỷ lệ thành một. Vì vậy, tỷ lệ này hoạt động từ một, không đến giữa không và một Được rồi, vì vậy chúng ta cần làm điều này cho phần còn lại Vì vậy, tôi sẽ chỉ dán một số mã cho các phần còn lại Vì vậy, các phần này, mỗi phần riêng lẻ, bạn có thể cho nó một màu nền khác nhau Được rồi, bạn có thể, bạn biết đấy, cung cấp cho nó một màu nền khác, chỉ để xem theo ý thích của bạn Được rồi, không có gì nhiều, không có gì nhiều xảy ra ở đây, không có gì nhiều Vì vậy, bây giờ, hãy, hãy thực hiện các nút, chúng sẽ cho phép chúng tôi kiểm soát các phần này Vì vậy, các nút này, tôi sẽ điều khiển dấu chấm Vì vậy, hãy chắc chắn rằng điều khiển áp lực, đây là cách viết sai, tốt, nó không thành vấn đề Vì vậy, bên trong các nút điều khiển, chúng ta sẽ có các nút, được thôi, vì vậy mỗi nút riêng lẻ sẽ có một lớp điều khiển Vì vậy, tôi sẽ thực hiện Dutch Control Kiểm soát Vì vậy, đó là một nút sẽ có một điều khiển Và sau đó nó sẽ có quyền kiểm soát một Vì vậy, cái đầu tiên sẽ là cái điều khiển thứ nhất, cái thứ hai điều khiển thành cái thứ ba, v.v. Vì vậy, tôi sẽ nói, kiểm soát Vậy cái này là Ctrl Một, tôi sẽ sử dụng ký hiệu đô la Vì vậy, ký hiệu đô la có nghĩa là tăng số tự động, tùy thuộc vào số lượng lớp trên số lượng div chúng tôi đã tạo Được rồi, vì vậy hãy kiểm soát, và sau đó nó sẽ có một lớp khác thực sự sẽ không thắng bất kỳ lớp nào khác Và vâng, tôi sẽ nhấn vào một vở kịch, tôi sẽ đặt một lớp BTN đang hoạt động Vì vậy, nút đầu tiên sẽ có một loại nút Hoạt động, tôi sẽ nhân số này với năm Được rồi, vì vậy chúng tôi không cần nút Hoạt động trên phần còn lại của khác biệt Được rồi, vì vậy nghĩ rằng loại bỏ cái này sẽ chỉ muốn cái đầu tiên có các nút hoạt động Vì vậy, chúng tôi có quyền kiểm soát, kiểm soát một, kiểm soát hai, ba, cho đến năm Được rồi, bên trong mỗi div này, tôi sẽ đặt một biểu tượng tương ứng Vì vậy, trong trường hợp này, bạn có thể truy cập Phông chữ tuyệt vời, sau đó bạn có thể, chẳng hạn như tìm kiếm, chẳng hạn như ở nhà, bạn có thể tìm biểu tượng mà bạn đang tìm kiếm, trong trường hợp này là biểu tượng này, rồi bạn Vì vậy, đó là biểu tượng chúng tôi đang tìm kiếm Điều này sẽ dán vào dữ liệu này thay vì tôi làm số một Được rồi, vậy chúng ta đang dùng một chiếc cặp sách ấm áp mở phong bì báo, đồng ý cái này sau Được rồi, bây giờ, tôi sẽ lưu cái này, như bạn có thể thấy với các biểu tượng ở đó Vì vậy, đối với chúng tôi khi những biểu tượng này sẽ ở đây, phía bên phải Vì vậy, để làm điều đó, chúng ta sẽ sử dụng vị trí cố định vì chúng ta cần ở một vị trí cố định Được rồi, vì vậy chúng tôi sẽ nhắm mục tiêu điều khiển Bạn có thể đưa ra nhận xét tại đây, nói điều khiển, điều khiển, và sau đó tại đây, bạn chỉ cần điều khiển kiểm soát bụi bẩn Được rồi, vậy đây là phụ huynh Vì vậy, vị trí, chúng tôi sẽ cố định người, vì vậy đó là vùng chứa chính và sau đó chỉ số Z sẽ là 10 chỉ để luôn ở trên cùng Và sau đó tôi sẽ làm top 50% Được rồi, và sau đó đúng sẽ là 3% Vì vậy, khi nào bạn được căn chỉnh để không gian trực tiếp 3% từ bên phải Vì vậy, có họ Vì vậy, bây giờ 3% không gian sống từ phía bên phải Được rồi, vậy bây giờ chúng ta sẽ thực hiện hiển thị, uốn cong, hướng uốn cong, cột Và sau đó chúng tôi cũng sẽ, tôi nghĩ rằng chúng tôi có thể cung cấp cho anh ấy một kích thước phông chữ sau đó, nhưng tôi thực sự muốn gửi cái này theo trục y Vì vậy, để căn giữa cái này trong y, chúng ta có thể thực hiện chuyển đổi, Dịch Y trừ đi 50% để căn giữa cái này trong y để tôi lưu, như bạn có thể thấy ở đó, giờ chúng đã được cập nhật, giờ chúng đã được căn giữa rất đẹp Được rồi, vậy là chúng ta đã căn giữa, tôi sẽ căn giữa các mục, và sau đó chỉ nội dung cũng được căn giữa Được rồi, vì vậy tôi sẽ nhắm mục tiêu điều khiển lớp điều khiển lớp đối chứng Vì vậy, đối với lớp điều khiển, tôi sẽ tạo cho nó một khoảng đệm, để nó giống như khoảng cách xung quanh nó Vì vậy, khoảng cách sẽ là một phòng và sau đó con trỏ sẽ là con trỏ Được rồi, vậy con trỏ và sau đó tôi sẽ tô màu nền cho nó Màu nền sẽ là vì vậy nó sẽ được biết ơn Vì vậy, nó sẽ được biết ơn Vì vậy, đó là màu nền Vì vậy, chiều rộng và chiều cao sẽ là 55 pixel vì tôi muốn nó được làm tròn Vì vậy, bên trong nó phải giống nhau, chúng tôi muốn làm cho một cái gì đó tròn trịa Vì vậy, bán kính đường viền sẽ là 50% để làm cho chúng được làm tròn Được rồi, bây giờ bạn có thể thấy các biểu tượng được làm tròn, nhưng tôi muốn căn giữa các biểu tượng này được căn giữa một cách độc đáo Vì vậy, để làm điều đó, chúng tôi sẽ chỉ sử dụng flex, nó dễ dàng hiển thị, uốn cong và căn chỉnh và chỉ cho nội dung ở giữa, được thôi, vì vậy tôi cũng sẽ tạo khoảng cách giữa các biểu tượng này Vì vậy, khoảng cách mà chúng ta sẽ sử dụng là lề Vậy đỉnh và đáy sẽ là điểm bốn 0. 7, Rem, và sau đó là số 0, trái và phải Được rồi, ngoài ra, chúng ta sẽ tạo bóng hộp cho bóng hộp, thành thật mà nói, chúng tôi cũng có thể muốn đặt bóng hộp này vào một biến Tôi sẽ tạo một cái ở đây tôi sẽ nói, các bạn, Shadow Shadow one Và sau đó, đây là các giá trị hoặc số 0 trên trục x, ba pixel trên Y 15 pixel để làm mờ và sau đó độ mờ là 0. 3 Được rồi, đây là bộ xử lý mà chúng ta sẽ sử dụng Và điều này sẽ được thực hiện lại, sau đó tôi sẽ dán biến vào, đề phòng chúng ta không thích làm lại bức ảnh này, vì tôi muốn sử dụng lại người bán sách này nhiều lần trong video này Được rồi, vậy là họ, họ đang thể hiện rất tốt Vì vậy, tôi cũng muốn thay đổi kích thước biểu tượng này, kích thước biểu tượng Vì vậy, để làm điều đó, tôi sẽ nhắm mục tiêu vào con mắt, đó là con mắt bên trong biểu tượng Nếu bạn chưa biết về Sass, chúng ta có thể lồng vào các phần tử Được rồi, vì vậy chúng ta có thể lồng một số thành phần HTML Vì vậy, đó là những gì tôi đang làm ngay bây giờ Vì vậy, tôi sẽ nói kích thước phông chữ, tôi sẽ đặt cái này thành 1. 2 Rem, tôi muốn nó lớn hơn một chút Và sau đó tôi cũng sẽ tô màu cho nó và không có sự kiện con trỏ nào Vì vậy, các sự kiện con trỏ, điều đó có nghĩa là tôi muốn, nếu khi tôi nhấp chuột, tôi không cần phải làm gì cả, nó không phản ứng với nhấp chuột hoặc chuột, bất cứ điều gì Được rồi, bây giờ hãy lưu lại, mọi thứ đều ổn Mọi thứ nhìn vào điểm Được rồi, vậy bây giờ, tôi sẽ, vì vậy nếu bạn còn nhớ, ở đây, tôi đã đưa ra một lớp nút Hoạt động này Vì vậy, nút bất cứ thứ gì, tôi muốn lớp đang hoạt động này, được áp dụng cho bất kỳ phần tử nào mà tôi đã nhấp vào, đồng thời, xóa các phần tử khác với lớp đó, được thôi, vì vậy khi tôi nhấp vào nút này, chỉ trên nút này Vì vậy, bạn biết đấy, tính năng đó hơi phức tạp một chút đối với người mới bắt đầu, nhưng nó thực sự dễ thực hiện Vì vậy, những gì chúng ta sẽ làm bây giờ, thực sự, tôi sẽ nói với nút Hoạt động trước Vì vậy, bất cứ nút Hoạt động nào, vì vậy ở đây, phía trên bảng điều khiển, tôi sẽ nói, dấu chấm, phiên bản hoạt động, tôi sẽ dừng điều đó Vì vậy, nó chỉ tạo cho nó một màu nền và chuyển tiếp Được rồi, như vậy, màu nền sẽ là màu phụ, đó là màu xanh lục Và sau đó tôi sẽ chuyển đổi biểu tượng bên trong con mắt Vì vậy, tôi sẽ chỉ nhắm mục tiêu vào biểu tượng và cho nó màu trắng Được rồi, vậy là xong Vậy đó là nút Active Có vẻ như bây giờ mọi thứ đều được căn giữa một cách độc đáo Vâng, vì vậy bây giờ nút Hoạt động sẽ có màu xanh lá cây Được rồi, bây giờ nút thực sự có màu xanh lá cây, chúng ta chỉ cần truy cập JavaScript Và hãy tạo một tệp JavaScript mới, trên thực tế Vì vậy, hãy làm tập tin mới, nó sẽ lên tới j s Vì vậy, đối tượng này sẽ chọn một số phần tử HTML Vì vậy, tôi sẽ chọn tất cả các mục hoặc thành phần bằng cách sử dụng lớp phần Vì vậy, bộ chọn truy vấn tài liệu phần const, bộ chọn truy vấn chọn tất cả mọi thứ cho biết loại phần Vì vậy, hãy nhớ rằng, chúng tôi đã cung cấp cho tất cả các phần lớp của phần, vì vậy điều đó có nghĩa là tôi đang chọn mọi thứ với lớp của phần Vì vậy, tôi đang nhắm mục tiêu này Tôi cũng sẽ chọn Tôi cũng sẽ chọn các nút phần xấu Vì vậy, các nút thứ hai là vùng chứa chính của nút này trong số các nút này Vì vậy, các điều khiển, đây là các nút phần, vì vậy nó giống như nút gốc, tôi đang chọn vùng chứa chính này, sau đó vào bên trong và chúng tôi cũng chọn từng nút riêng lẻ với một lớp điều khiển Được rồi, vì vậy tôi sẽ chuyển đến Được rồi, vì vậy có một nút điều khiển thứ hai Vì vậy, đây là cha Đây là nút thực tế Tôi cũng sẽ chọn phần thân, phần thân là một lớp nội dung chính Vì vậy, có nội dung chính cơ thể, đó là lớp Được rồi, vậy ở đây, tôi sẽ tạo một chức năng mới Tôi sẽ sử dụng chức năng chức năng để tạo một chức năng mới Và sau đó chúng ta sẽ nói trang chuyển tiếp chuyển tiếp Có lẽ chúng ta có thể đặt tên cho chức năng này, bất cứ điều gì bạn muốn Nó tùy thuộc vào bạn, thực sự Vì vậy, bây giờ, chúng ta sẽ đến đây, tôi sẽ nói, nút Nhấp chuột, lớp đang hoạt động lớp năng động Được rồi, vậy thì sao, tôi muốn điều gì xảy ra khi tôi nhấp vào nút? Vì vậy, chúng tôi sẽ thực hiện một vòng lặp, chúng tôi sẽ thực hiện bốn Vì vậy, chúng tôi sẽ thực hiện let chúng tôi sẽ tạo một biến mới Vì vậy, hãy để tôi Được rồi, vì vậy ban đầu nó sẽ được đặt thành 0 và sau đó chúng ta sẽ nói i nhỏ hơn miễn là tôi nhỏ hơn là nhỏ hơn độ dài, độ dài của nút, được chứ? Phiên btn là phiên này Được rồi, miễn là tôi nhỏ hơn thế Chúng tôi sẽ tăng dần Được rồi, vậy bây giờ làm điều đó Vì vậy, ở đây, tôi sẽ nói, nút người bệnh Vì vậy, nút đặt thứ hai có nghĩa là tìm kiếm chỉ số, mắt Được rồi, bất kể chúng ta đang ở chỉ mục nào Và sau đó tôi sẽ nói nó đi qua Trên thực tế, tôi sẽ thêm một trình xử lý sự kiện vào bất kỳ chỉ mục nào mà chúng tôi đã nhấp vào Vì vậy, đây là Đây có phải là chỉ số? Vì vậy, người nghe sự kiện sẽ mất hai Cái đầu tiên sẽ là nhấp chuột, và cái thứ hai sẽ là chức năng gọi lại Vậy tôi đang làm gì? Vì vậy, trong chức năng gọi lại này Được rồi, vậy trường hợp này mình sẽ chọn nút hiện tại, nút hiện tại bấm nút gì cũng được, bạn có thể bấm nút tốt trên BTN hiện tại Và sau đó tôi sẽ nói là gần với tài liệu Vì vậy, chúng tôi sẽ thực hiện bộ chọn truy vấn với một lớp nút Hoạt động, được rồi, vì vậy nếu bạn nhớ, các nút sẽ có một lớp BTN hoạt động Được rồi, vì vậy tôi đang chọn nó, nó có tên của nút hiện tại Vì vậy, tôi sẽ nói nút hiện tại Cái đầu tiên, với chỉ số index bằng 0, tôi sẽ nói tên lớp, sau đó tôi sẽ nói chỉ số btn hiện tại bằng 0, sau đó tôi sẽ nói tên lớp, tôi sẽ không Và sau đó tôi sẽ thay thế nó bằng một chuỗi rỗng Khi chúng tôi ra khỏi những cái đó, nó không hoạt động, hoạt động, B, TN, và sau đó tôi đã thay thế bằng một chuỗi trống Được rồi, vậy bấm vào nút nào cũng được, khi không cho phép bấm vào nút đó nữa, chúng ta sẽ vào lớp và bấm vào chuỗi rỗng Vì vậy, ở đây, tôi sẽ làm tên lớp dấu chấm này Vì vậy, đây là đề cập đến chức năng này Được rồi, đây giống như một chủ đề khó hiểu để tìm hiểu về từ khóa này trong JavaScript thật kỳ lạ Và sau đó tôi sẽ làm cộng bằng với người tích cực, BTN tích cực như thế Vì vậy, bây giờ, khi tôi lưu, chúng ta cần gọi chức năng này, trang bệnh nhân bệnh nhân Vì vậy, hãy đi chức năng Tệ hơn nữa, tôi cần liên kết tệp JavaScript này, chuyển đến tập lệnh Tập lệnh, sau đó chúng tôi sẽ chuyển đến nguồn và sau đó lên đến j s Sau đó, hãy lưu lại mọi thứ và sau đó chuyển đến trang kiểm tra Và sau đó khi chúng tôi nhấp vào nút này hoặc giải phóng một lớp, bạn sẽ xuất hiện trên bất kỳ nút nào đã nhấp vào Và sau đó nó sẽ loại bỏ hoạt động này mẫu ở đây Được rồi, đó là một thống kê chúng tôi có một lỗi Nhưng chúng tôi sẽ nói rằng nó không hoạt động Vì vậy, khi tôi nhấp vào lớp học đã tắt, nhưng nó không hoạt động Hãy để tôi kiểm tra những gì đang xảy ra Thuộc tính Canary của tên lớp không xác định Được rồi và thích cái này hơn từ khóa này Tên lớp để thay thế Được rồi, có gì đó không ổn trong danh sách lớp học Ồ, cái này không có đám mây được cho là tên lớp, không phải danh sách Được rồi, vậy hãy lưu cái này lại Hy vọng, vấn đề làm việc, bấm vào Không có gì xảy ra, chúng tôi lại gặp lỗi không xác định Lạ nhỉ Tên lớp btn hiện tại thay thế BTN đang hoạt động Vì vậy, bạn chỉ cần đảm bảo rằng hãy để tôi kiểm tra lại, có thể chỉ cần kiểm tra lại để xem việc đặt tên có đúng không Tôi sẽ sao chép và dán và thay thế mọi thứ trừ Chà, tôi nghĩ việc đặt tên là chính xác Được rồi, hãy thử tìm hiểu xem chuyện gì đang xảy ra Nút hiện tại không xác định tại evaton Được rồi, việc đặt tên lớp là chính xác Bộ chọn truy vấn tài liệu Tất cả không nhận được những gì, những gì? Tôi khá chắc chắn rằng Tôi phải sử dụng một chức năng thông thường Tôi sẽ thực hiện chức năng như vậy, thay vì, bởi vì từ khóa này không tồn tại trong chức năng mũi tên Được rồi, vì vậy nó chỉ tồn tại trên chức năng thông thường Rất tiếc, tại sao tôi lại nhấp vào? Chỉ ngay sau khi tôi dừng video, đó là lúc tôi nhận ra rằng mình đã sử dụng chức năng báo lỗi Được rồi, vậy khi tôi vào bảng điều khiển, được rồi, mọi thứ hoạt động tốt Vì vậy, bây giờ nó hoạt động như mong đợi Chỉ, do đó, các hàm lỗi của Jenny cho, nếu bạn muốn sử dụng từ khóa này không tồn tại trong các hàm mũi tên Được chứ Vì vậy, bây giờ chúng ta hãy chuyển sang bước tiếp theo để bước tiếp theo Vì vậy, trong giai đoạn tiếp theo, hãy chạm vào việc thực sự làm nội dung Nhưng để có thể làm được điều đó, chúng ta cần có khả năng xoay vòng giữa các phần này Được rồi, vậy là chúng ta đã hoàn thành lớp hoạt động cho nút Vì vậy, bây giờ chúng ta cần phải làm nội dung Vì vậy, mỗi nút sẽ có một thứ gọi là ID dữ liệu dữ liệu Và sau đó ID dữ liệu này Vì vậy, khi tôi nhấp vào nút sẽ tìm phần có ID này Vì vậy, trong trường hợp này, nó sẽ tìm phần giới thiệu có ID là về danh mục đầu tư về danh mục đầu tư, blog và danh bạ Vì vậy, hãy đảm bảo rằng bạn thêm ID dữ liệu bên cạnh mã vào lớp sau lớp Và sau đó ở đây tôi cũng sẽ thêm một ID dữ liệu để cái này sẽ là tiêu đề vì vậy cái này sẽ tìm kiếm tiêu đề Trên thực tế, chúng tôi có thể làm chính, một nhà Tùy bạn về nhà Được rồi, vậy tôi sẽ cung cấp ID, ID cũng vậy Vì vậy, cái này sẽ về nhà, vì vậy hãy cung cấp Id Giáng sinh, đảm bảo ID này khớp với ID dữ liệu tại đây Vì vậy, đối với ngôi nhà, cái đầu tiên, mẫu đầu tiên sẽ là nhà thứ hai là về khoảng Vì vậy, phần này nói về phần, một, hai ID, ID, vì vậy phần này sẽ là về phần này, và phần thứ ba này, ID, Port folio, sau đó là Id, phần này sẽ là blog Và cuối cùng, chúng ta có liên hệ, ID, liên hệ Được rồi, vì vậy những ID này sẽ giúp chúng tôi điều hướng qua các phần này Được rồi, bây giờ chúng ta đã có những ID đó, chúng ta đã hoàn thành các phần này, hãy để tôi kiểm tra phần này Họ ở đó, nhưng họ ở ngay trên nhau Đối với phần chính, trên thực tế, chúng ta cần tạo kiểu cho các phần này bằng các màu nền khác nhau Được rồi, bạn biết những gì chúng tôi muốn cung cấp cho họ màu nền khác nhau, màu nền, màu xanh đá phiến, để bạn có thể thấy sự khác biệt, nhưng chúng tôi chưa thấy chúng Bởi vì có một thang tỷ lệ là số không Và dịch thực tế là âm 100% Vì vậy, chúng tắt màn hình và tỷ lệ cũng bằng không Vì vậy, bạn chưa nhìn thấy chúng, vì vậy chúng tôi chỉ cần thực hiện một chút JavaScript Vì vậy, chúng ta sẽ có thể nhìn thấy chúng sau này Được rồi, chỉ để bạn xem những phần này Được rồi, tôi sẽ lưu cái này Vì vậy, chúng tôi không thấy những phần này Bây giờ chúng ta chỉ cần thực hiện lớp đang hoạt động Vì vậy, khi chúng tôi nhấp vào từng nút sẽ thực hiện một lớp hoạt động Được rồi, lớp tích cực sẽ là lớp tích cực sẽ được thêm vào các phần Được chứ? lớp năng động Được rồi, vì vậy chúng tôi có tất cả các phần, chúng tôi đang chọn tất cả các phần này ở đây Vì vậy, phần này là nhắm mục tiêu Vì vậy, điều này, nội dung chính ở đây là cơ thể Được rồi, vì vậy cơ thể Đó là tất cả của phần này giống như cha của tất cả các phần này Vì vậy, tôi sẽ nói, tất cả một phần, tất cả các phần này, chấm cho từng phần, vì vậy tôi sẽ lặp lại bất cứ thứ gì bên trong cơ thể Được chứ Vì vậy, trong trường hợp này, tất cả các phần nằm bên trong cơ thể Vì vậy, nó sẽ nhận chức năng gọi lại, tôi sẽ nói phần Được rồi, vậy là chúng ta có phần, thực ra, chúng ta cần thêm một trình xử lý sự kiện, chúng ta sẽ xem qua phần thêm trình xử lý sự kiện sau Và sau đó khi tôi nhấp vào bên trong, thủ thuật là gì? Vì vậy, E là cho sự kiện Được rồi, tôi sẽ nói E, kiểm soát nhật ký ở đây, tôi sẽ nói e chấm mục tiêu Được rồi, vậy tôi sẽ lưu, hãy vào bảng điều khiển, hãy để tôi nhấp vào bất cứ đâu Vì vậy, nó chưa làm bất cứ điều gì, bởi vì các phiên ở bên ngoài Được rồi, vì vậy bạn sẽ không, bạn sẽ không, bạn sẽ không nhìn thấy nó Nhưng bây giờ nó đang nhắm mục tiêu bất kỳ phần tử nào của phần tử ghi nhật ký bảng điều khiển mà tôi đã nhấp vào, như bạn có thể thấy, và sau đó nó hiển thị lớp hoặc bất kỳ phần tử nào trong tên phát triển đã nhấp vào Được rồi, vì vậy chúng tôi chỉ thêm trình xử lý sự kiện vào bất kỳ phần tử nào nhưng trong trường hợp này, chúng tôi muốn nhắm mục tiêu các nút này tại đây Được rồi, vì vậy chúng ta hãy thoát khỏi điều này Vì vậy, ở đây, tôi muốn nói const TÔI Và sau đó chúng ta sẽ nói là chi phí cho e cho tập dữ liệu dấu chấm mục tiêu tập dữ liệu như thế này và sau đó. Tôi Vì vậy, tập dữ liệu giống như đề cập đến bất cứ điều gì Tôi đã nhấp vào bất kỳ phần tử nào đã nhấp vào mục tiêu, phần tử nào sẽ nhắm mục tiêu tập dữ liệu Vì vậy, tập dữ liệu là cái này ở đây Nhận ID dữ liệu tại đây Vì vậy, bất kỳ phần tử nào mà tôi đã nhấp vào, tôi muốn nhắm mục tiêu đến tập dữ liệu, bất kỳ phần tử nào tôi đã nhấp vào, đặc biệt là các nút này, tôi muốn lấy tập dữ liệu cho phần tử đó Vì vậy, tôi muốn lấy tên của các tập dữ liệu này ở đây Được rồi, vì vậy đó là những gì điều này đang đề cập đến Vì vậy, tôi muốn lấy tập dữ liệu và đặt nó vào một biến có tên là ID Được rồi, vì vậy tôi sẽ nói, nếu, nếu điều này là đúng hoặc nếu chúng tôi có ID, bất kể chúng tôi sẽ làm gì, trước tiên chúng tôi sẽ xóa nút Xóa, đã chọn, đã chọn khỏi nút khác Được rồi, đó là một cái gì đó như thế Vì vậy, tôi sẽ làm phần nút, là nơi chứa các nút Nhưng tôi muốn xem qua từng nút riêng lẻ bên trong Được rồi, để làm điều đó, chúng ta sẽ thực hiện với từng nút, vì vậy với từng nút, tôi sẽ thực hiện btn là nút với một lớp trong danh sách lớp này và sau đó tôi sẽ xóa Nhưng đây là một lớp đề cập đến Vì vậy, lớp hoạt động này, chúng tôi sẽ sử dụng lớp này cho các phần, không phải kiểu hoạt động như thế này Vì vậy, điều này khác nhau, tên lớp khác nhau Được rồi, vì vậy chúng tôi đang lặp qua nút, từng nút riêng lẻ Nếu chúng ta nhấp vào nút Mới, chúng ta sẽ thoát khỏi lớp Và sau đó chúng ta sẽ nói ăn hoặc nhắm mục tiêu Và sau đó chúng ta sẽ nói danh sách lớp, chúng ta chỉ muốn thêm lớp vào bất kỳ nút nào đã được nhấp vào Vì vậy, ở đây, chúng ta sẽ thực hiện mục tiêu hoặc không phân loại, sự kiện sẽ đến từ đây Được chứ? Được rồi, bây giờ chúng ta đã thêm lớp học, tôi cũng sẽ ẩn các phần khác Các phần khác Vì vậy, như chúng tôi đang làm, vì vậy chúng tôi đã làm điều đó rồi, nhưng giống như, tôi sẽ thực hiện các phần đó Vì vậy, điều này, chúng tôi chưa nhìn thấy các phần Nhưng khi tôi nhấp vào nút Hoạt động, tôi muốn có thể đặt hiển thị và bản dịch của bản dịch chuyển thành mặc định Được rồi, vì vậy tôi sẽ làm các phần Tôi sẽ làm điều đó cho từng phần Vì vậy, nếu bạn nhớ, các phần đến đây từ phần Vì vậy, cứ mỗi giây tôi lại xem qua từng phần Được rồi, vì vậy đối với mỗi phần, tôi sẽ nói một phần, tôi sẽ chia danh sách lớp Bây giờ thêm hoặc xóa, nó giống như điều chúng ta đã làm với nút Tôi sẽ nói tích cực Được rồi, vậy là nó đã thực sự được hoàn thành Vâng, tôi sẽ làm một điều nữa, các yếu tố không đổi phần tử, và sau đó bạn sẽ làm tài liệu tài liệu Và sau đó chúng ta sẽ thực hiện dấu chấm lấy phần tử theo ID, phần tử theo ID Và sau đó chúng ta sẽ chuyển ID Vì vậy, bất kỳ ID nào đến từ tập dữ liệu sẽ nằm bên trong phần tử, biến phần tử, chúng tôi đang lưu ID Vì vậy, hãy nhớ, ở đây chúng tôi cung cấp cho chúng tôi ID ở đây, Id về danh mục đầu tư Vì vậy, bất kể yếu tố nào chúng tôi đang sử dụng, chúng tôi sẽ chuyển ID Và ID dữ liệu này cũng được liên kết với các ID này Vì vậy, bất kể yếu tố nào chúng tôi đang sử dụng và sau đó chúng tôi đang nhắm mục tiêu ID Vì vậy, bây giờ chúng ta sẽ chỉ nói yếu tố Bạn có thể đặt tên và sau đó chúng tôi sẽ làm Danh sách lớp và lớp Và sau đó cũng sẽ thêm hoạt động Được rồi, vậy bây giờ tôi sẽ lưu lại để xem chúng ta có gì Vì vậy, hãy kiểm tra để xem các phần của chúng tôi Vì vậy, nhà hy vọng sẽ có một tiêu đề lớp tích cực Chúng tôi đã thêm phần này theo cách thủ công, nhưng khi tôi nhấp vào thứ khác, hy vọng sẽ loại bỏ phần này và đặt nó ở một nơi khác Khi tôi nhấp vào Yep, nó đã thoát khỏi hoạt động Cuối cùng từ tiêu đề, bây giờ cái này đang hoạt động Những thứ này khi tôi nhấp vào, cái này đang hoạt động hiện đang loại bỏ lớp hiện có trên cái khác Được rồi, vậy bây giờ chúng ta chỉ có thể sử dụng kích hoạt trên một phần tử Nhưng chúng tôi không thấy phần của chúng tôi ở đây Họ ở đó, nhưng chúng ta không nhìn thấy họ Vì chúng bị ẩn nên chúng ta chỉ cần hiển thị những phần đó Vì vậy, tôi sẽ đi theo Tìm kiếm SEC năm, tôi sẽ thực hiện dot active Vì vậy, nó báo cho khối hiển thị đang hoạt động, vì vậy chúng tôi chỉ muốn hiển thị bất kỳ phần tử nào đang hoạt động Được chứ Bây giờ, giả sử bây giờ cái đầu đang hoạt động, nó có màu xanh lục Nó đang hoạt động Được rồi, vì vậy mọi thứ hoạt động Chúng ta có thể lướt qua các phần Được chứ? Vì vậy, dưới đây, tôi sẽ nói, hoạt hình Tôi sẽ nói quy mô Và anh ta Vì vậy, đó không bao giờ là hoạt ảnh, thời lượng sẽ là một giây Và sau đó chúng ta sẽ dễ dàng vào và dễ dàng ra Vì vậy, tôi sẽ làm một hoạt hình ở đây Tôi sẽ tạo các khung hình chính, và sau đó cái này sẽ được mở rộng Và anh ta Vì vậy, đó là tên của tên bộ mở rộng hoạt ảnh Và sau đó tôi sẽ làm ở mức 0% Những gì chúng tôi muốn là 0, biến đổi, dịch Pháp, chuyển hóa muộn, chuyển hóa, dịch 0% Dịch Y Được rồi, vì vậy đối với Y, đây là điều tương tự mà chúng ta đã làm trước đây Quy mô, số không Được rồi, vậy nó sẽ chỉ có hai trạng thái, 10% 0% và 100% Được rồi, toán học của tôi bị hỏng là gì, nhân tiện, anh ấy nhấp đúp chuột khi tôi không cần Vì vậy, khi tôi cố gắng tự động thực hiện một lần nhấp trong các lần nhấp đúp và để có một con chuột mới, được rồi, vì vậy đây chỉ là đặt lại các giá trị về 0 và chia tỷ lệ thành một Được rồi, hãy lưu cái này Hy vọng nó sẽ hoạt động Hiện nay Như bạn có thể thấy, chúng ta có thể mở rộng quy mô Được rồi, chúng ta có thể thấy, nhưng đó không phải là hiệu ứng mà chúng ta đang tìm kiếm Chúng tôi đang tìm kiếm Quy mô Y Được rồi, vì vậy chúng tôi đang tìm kiếm Quy mô Y Được rồi, chúng tôi điều hành quy mô mọi thứ Vì vậy, chúng tôi chỉ muốn chia tỷ lệ trục Y Vì vậy, khi nội dung đến từ, bạn biết đấy, lên Như bạn có thể thấy, bây giờ chúng ta có thể, bạn biết đấy, thực hiện những hiệu ứng đó Được rồi, đó là các hiệu ứng bây giờ có thể xem qua các phần tôi sẽ đi nghỉ bây giờ Và rồi tôi sẽ trở lại theo một cách nào đó, tôi sẽ uống chút nước Và sau đó chúng tôi sẽ tiếp tục nơi chúng tôi rời đi Tôi se TRỞ LẠI Vì vậy, bây giờ chúng ta hãy làm tiêu đề Vì vậy, hãy ném tiêu đề vào nội dung, chèn tiêu đề và sau đó chúng ta sẽ chuyển sang các phần khác Vì vậy, đối với tiêu đề, chúng tôi chủ yếu sẽ chỉ có một số hình ảnh và nội dung Vì vậy, ở đây, tôi sẽ làm một nội dung tiêu đề lớp Vì vậy, nội dung tiêu đề sẽ có một bên trái và tiêu đề bên trái bên phải và sau đó chúng ta sẽ có tiêu đề bên phải nên bên phải Vì vậy, những người sẽ hiển thị lưới Được rồi, vì vậy phía bên trái là không có gì ở đây chỉ là một hình ảnh Chúng ta sẽ tạo hình dạng tiêu đề Và sau đó bên dưới muốn làm một hình ảnh là bên trong hình ảnh TIFF IMG, anh hùng IMG, làm tên ảnh rồi qua bên phải Vì vậy, đây chỉ là một loạt các văn bản Vì vậy, chúng ta sẽ có h1, với tên Tôi sẽ chỉ dán tên Được rồi, vì vậy cái chảo này bao quanh cái tên vì tôi muốn tô màu này trong Tên, chỉ có một chút màu khác mà tôi đang bao quanh cái chảo này Được rồi, vì vậy pan này hoặc lưu một lớp tên, tôi không biết mình có giống như vậy, tôi sẽ loại bỏ lớp span, tên lớp sẽ giống như thế này mở rộng Được chứ Bên dưới đó, chúng ta sẽ có một thẻ p a p, thẻ mà tôi cũng sẽ dán vào một số văn bản Tôi xin lỗi, tôi xin lỗi vì tiếng ồn xung quanh, các bạn của tôi Tôi đang chơi trò chơi điện tử khi tôi làm dấu chấm, chính, chính BTN Được rồi, vậy đó là thẻ neo Vì vậy, nó sẽ có một biểu tượng Và nó sẽ có hai nhịp, đây là pan đầu tiên, nó sẽ có một lớp văn bản btn Được rồi, vì vậy nó chỉ là văn bản, văn bản sẽ nói tải xuống CV, bạn có thể đặt bất kỳ văn bản nào bạn muốn Vì vậy, thẻ liên kết này là một liên kết, bạn có thể đặt nó ở đâu đó hoặc tới Google Drive, bất cứ nơi nào bạn lưu CV của mình hoặc bất cứ nơi nào, bạn có thể gửi nó tới đó Và sau đó, một khoảng thời gian khác sẽ có một biểu tượng cho biểu tượng tải xuống đến từ Font Awesome Được rồi, vậy là xong phần nội dung tiêu đề, chúng ta chỉ cần làm các kiểu, tôi sẽ loại bỏ màu xanh lá cây này ở đây Vì vậy, đó chỉ là mục đích thử nghiệm cho bạn thấy, để cho bạn thấy rằng các phần đang hoạt động, tôi sẽ loại bỏ anh chàng này khi tôi loại bỏ mọi thứ Được rồi, vì vậy bây giờ chúng ta chỉ còn lại các màu mặc định Vì vậy, bây giờ hãy chạm vào làm tiêu đề Vì vậy, đối với nội dung tiêu đề Sau phần điều khiển, tôi sẽ chỉ nói nội dung tiêu đề và nội dung, sau đó tôi sẽ tạo một bản sao khác, tôi sẽ nói trong các thành phần nội dung, vì vậy một số thành phần mà chúng tôi có thể muốn sử dụng lại, chúng tôi sẽ Được rồi, vậy bây giờ, tôi sẽ nhắm mục tiêu nội dung tiêu đề nội dung tiêu đề Vì vậy, đối với nội dung khác, chúng tôi sẽ hiển thị lưới, chúng tôi sẽ đặt hai cột lưới, các cột mẫu lưới, chúng tôi sẽ lặp lại, vì vậy một đến hai cột, rồi một Fr Vì vậy, tất cả chúng sẽ bằng nhau Vì vậy, khi tôi lưu, bây giờ chúng tôi có hai cột, khi tôi kiểm tra điều này, như bạn có thể thấy, chúng tôi có hai cột, một, hai Được rồi, vì vậy đó là những gì chúng tôi muốn Và sau đó, vâng, chiều cao sẽ là một hoặc 2% với chiều cao, và sau đó tôi sẽ nhắm mục tiêu vào tiêu đề bên trái, người thuận tay trái Vì vậy, đối với màn hình đó, uốn cong, căn chỉnh các mục, căn chỉnh các mục liên quan đến trung tâm Được rồi, và sau đó vị trí sẽ là tương đối bởi vì khi định vị tuyệt đối một hình dạng, nó sẽ ở phía sau hình ảnh của chúng ta Vì vậy, hình ảnh lưu này sẽ có một hình dạng đằng sau nó Được rồi, vì vậy đó là lý do tại sao chúng tôi đang tạo liên kết người với vùng chứa chính Vì vậy, hình dạng chúng tôi đã đặt tên là hình dạng đó, ah, hình dạng, nếu bạn nhớ, chỉ là hình dạng tiêu đề, hình dạng sẽ có một hiệu ứng chuyển tiếp mà chúng tôi đã sử dụng trước đây, tôi sẽ chỉ dán vào phần chuyển đổi và sau đó Màu sai sẽ ở rất xa, nó sẽ là màu phụ, nó sẽ là màu nền, sau đó đặt vị trí tuyệt đối, sau đó chúng ta sẽ làm trái, số không, số không trên cùng, số không trên cùng Và sau đó chúng ta sẽ thực hiện chỉ số Z muốn đứng sau hình ảnh của một trừ đi một người thực sự muốn đứng sau Và sau đó tôi sẽ làm đường dẫn clip Vì vậy, đường dẫn clip, tôi sẽ chỉ cho bạn những gì, anh ấy làm gì, tôi sẽ chỉ dán vào góc và sau đó tôi sẽ chỉ cho bạn Vì vậy, đây là đường dẫn clip, đây là những giá trị đang sử dụng đường dẫn clip giống như thay đổi hình dạng Vì vậy, để làm điều đó, chúng ta có thể thực hiện trình tạo đường dẫn clip Và sau đó chúng ta có thể tạo ra một loại đường dẫn clip Ví dụ như cái hình thang này, cái tên hình thang đọc hơi khó hiểu Và sau đó chúng tôi có thể bạn biết, tạo ra hình dạng mà chúng tôi đang tìm kiếm Và sau đó, bạn chỉ cần sao chép mã này và sau đó bạn có thể dán mã vào bất kỳ đâu trên bất kỳ hình dạng nào muốn tùy chỉnh Vì vậy, trong trường hợp này, đây là, đây là những giá trị mà tôi đang sử dụng Và sau đó, sau hình dạng, tôi sẽ nhắm mục tiêu hình ảnh Vì vậy, đối với hình ảnh, tôi sẽ cung cấp cho nó bán kính đường viền Vậy bán kính viền sẽ là VA, mình định làm MD, mình không nhớ bán kính viền Nhỏ cũng vậy Vì vậy, thiếu bán kính đường viền mod hai là một biến Được chứ? Và sau đó tôi lớn về màu sắc, màu nền sẽ đi xa Vì vậy, màu nền sẽ là màu đen Đó sẽ là màu nền, và sau đó là chuyển tiếp khi chuyển đổi Vì vậy, chúng tôi đã sử dụng quá trình chuyển đổi này nhiều lần và sau đó tôi sẽ chỉnh sửa hình ảnh Bên trong vùng chứa hình ảnh, chúng tôi có một hình ảnh, hình ảnh thực tế, chiều rộng và chiều cao sẽ được đặt thành 1% Được rồi, rồi vật vừa khít để che không cho dài ra khỏi chân để che Vì vậy, hình ảnh này sẽ kéo dài ra, chúng tôi cũng muốn chuyển đổi hình ảnh này một lần nữa, sao chép quá trình chuyển đổi này mà chúng tôi sẽ đọc, bạn có thể đặt nó vào một biến, vì vậy bạn không cần phải sao chép và dán như thế này Và sau đó muốn hình ảnh này ở dạng thang độ xám cho ai đó nói thang độ xám trong tương lai Và sau đó tôi sẽ đặt cảm giác tội lỗi, Grace, thang độ xám thành 100% Sau đó, khi chúng ta có khi chúng ta có hình ảnh và di chuột Vì vậy, đây là vẻ đẹp của sass, chúng ta có thể lồng các thành phần, phần tử HTML và sau đó chúng ta sẽ đặt bộ lọc thang độ xám, số không Được rồi, hãy tiết kiệm Hãy xem những gì chúng ta nhận được Được rồi, vì vậy khi tôi có hình ảnh đang thay đổi màu sắc Ổn thỏa Không thoát khỏi những điều này Vì vậy, bây giờ yeah, để lại cho tôi hoài nghi Vì vậy, bây giờ chúng ta hãy đi về phía bên phải Vì vậy, về phía bên phải Nó là chủ yếu, vì vậy chúng tôi có tiêu đề bên trái, tôi sẽ thu gọn tiêu đề bên trái Tôi sẽ lưu tiêu đề bên phải Được rồi, vì vậy đối với tiêu đề bên phải và khi tôi hiển thị flex, hãy hiển thị flex chơi này, hướng flex sang cột vì tôi muốn mọi thứ theo hướng cột Được rồi, sau đó chỉ cho nội dung vào giữa, rồi đệm phải không? Vì vậy, tên là tiêu đề chính, tôi sẽ làm cho nó lớn hơn Được rồi, và sau đó tôi sẽ nhắm vào cái chảo này bên trong nó Vì vậy, có một khoảng trong đó Vì vậy, cái chảo này sẽ có một màu, màu khác, màu, màu này sẽ là màu phụ Thứ cấp, vì vậy thông qua màu thứ cấp Vì vậy, đó là màu sắc của điều đó Và sau tên, chúng ta có một đoạn văn, tôi sẽ cho chúng lề, trên và dưới sẽ là 1. 5 ram Và sau đó trái hoặc phải sẽ bằng không Và sau đó, tôi sẽ cung cấp cho bạn chiều cao của dòng Vì vậy, dòng tám là khoảng cách giữa các dòng văn bản Vì vậy, bức thư sẽ giống như một thứ gì đó giống như thế này, tôi sẽ lưu lại, hãy xem những gì chúng ta nhận được Vì vậy, nó đây Có vẻ tốt đẹp Vì vậy, chúng ta chỉ cần bắt đầu mô hình này Vì vậy, để bắt đầu nút, chúng tôi sẽ sử dụng lại nút này để nó trở thành thành phần độc lập Vì vậy, tôi sẽ nói dot main btn Được rồi, vậy btn chính này thực sự, tôi nghĩ sẽ là khôn ngoan nếu đặt nó vào một thùng chứa dot btn container như thế Được rồi, vậy bây giờ chúng ta có thể thử bắt đầu tạo kiểu cho nút chính Được rồi, vì vậy nút này sẽ có rất nhiều kiểu Được chứ Vì vậy, bán kính đường viền sẽ là 30 pixel Muốn được tròn trịa, không phải 20 nhân 30 Cỡ chữ OK Chúng tôi sẽ tô màu Inherit rồi ta sẽ cân font chữ, cứ để chữ dày lên là 600 Được chứ? Đó là đường viền, tôi sẽ làm flex hiển thị và căn chỉnh mọi thứ vào giữa Được rồi, sau đó tôi sẽ nói tràn sang ẩn Được chứ Vì vậy, bên trong nút, chúng tôi có văn bản btn hoặc BTN Văn bản, sau đó tôi sẽ thêm phần đệm, số 0 trên và dưới cho REM sang trái hoặc phải Được rồi, vậy trong nút, chúng ta cũng có, chúng ta cũng có dấu chấm btn, chúng ta có biểu tượng Được chứ biểu tượng btn Vì vậy, nếu bạn không nhớ tên lớp, một biểu tượng btn này Được rồi, vì vậy biểu tượng btn, nó sẽ có màu xanh lục, phụ và sau đó được gửi, mọi thứ đều ở dạng Flex Được rồi, vì vậy chúng tôi đã làm điều đó nhiều lần Vì vậy, đôi khi tôi sẽ phải sao chép và dán Vì vậy, để đặt mọi thứ, chỉ cần hiển thị trung tâm các mục căn chỉnh linh hoạt, trung tâm nội dung Vì vậy, đệm trong khi RAM, vì vậy nó giống như khoảng cách xung quanh Tôi sẽ tiết kiệm, hãy xem những gì chúng ta có Vì vậy, có nút của chúng tôi, nhưng nó lấp đầy toàn bộ chiều rộng, bởi vì chúng tôi đang sử dụng flex trên vùng chứa chính Vì vậy, để loại bỏ hiệu ứng này, chúng ta có thể làm btn can be tn container, nếu bạn còn nhớ, để đặt vào thùng chứa rõ ràng có tên là BT và ngô Đây, nó đây, giữa bắp ngô, chúng ta sẽ thực hiện flex hiển thị trên màn hình đó Uốn cong Và sau đó chúng ta sẽ nói tự sắp xếp Sức ép Chắc chắn rồi uốn dẻo Ừ Vì vậy, bây giờ, bây giờ chúng ta cần có một cái gì đó mang lại ở đây khi bạn có một cái mang giống như hình dạng tương tự như một cái nút Vì vậy, chúng tôi sẽ sử dụng phần tử giả giả trước phần tử giả, chúng tôi sẽ nói kết thúc cho bốn Và sau đó chúng ta sẽ nói nội dung cho một chuỗi rỗng Vì vậy, chúng tôi có thể bắt đầu điều này với bất kỳ phong cách nào chúng tôi mong muốn Pacino chào top 00 Và sau đó viết sẽ là số không Đúng không, và sau đó chúng ta sẽ thực hiện chuyển đổi, Dịch X Vì vậy, chúng ta sẽ chuyển số ra khỏi nút, anh bạn, cũng như phần trăm sẽ chuyển sang một bên so với nút, anh bạn là một trong số phần trăm Chúng tôi cũng sẽ thực hiện quá trình chuyển đổi Tôi sẽ dán vào quá trình chuyển đổi Và sau đó tôi sẽ làm chỉ mục Z muốn ở phía sau văn bản của nút, và như một được Vì vậy, bây giờ hình dạng này ở đó, nhưng nó không có chiều rộng, chiều cao, bất kỳ thứ gì được xác định Vì vậy, tôi sẽ nói và di chuột khi tôi có nút Có nút và chúng tôi đang sử dụng phần tử giả trước Tôi cần gì để bôi dầu Tôi muốn điều gì xảy ra? Được rồi, vậy bây giờ khi tôi kiểm tra, hãy để tôi kiểm tra cái này Hãy tìm cái before có cái before suderman Có ở đó không, nhưng hãy nhớ rằng chúng ta đang tịnh tiến trên trục x trừ đi một đại diện nên chúng ta cần đưa nó về vị trí mặc định là 0 Được rồi, khi chúng ta có và sau đó khi chúng ta không có nó sẽ quay trở lại khỏi nút Chuỗi A đang thực hiện hiệu ứng này từ hướng sai Vì vậy, nó là từ trừ nó thực sự là 100% Bởi vì chúng tôi đang đi một 2% Trên giá trị dương trừ sẽ trở thành âm Được rồi, vì vậy tôi muốn sửa đổi tích cực nên bây giờ nó đến từ phía bên phải Vì vậy, hãy xem, nhưng vâng, nó đây rồi Tôi nghĩ chúng ta cần thêm phần chuyển tiếp ở đâu đó Ở đây cũng vậy Chúng ta cần chuyển tiếp ở đây để đến một nơi an toàn Đầu an toàn Tôi không biết nó bị trục trặc đôi khi trục trặc không thực hiện được trước khi chuyển đổi Tôi nghĩ khi di chuột, đó là lúc chúng ta cần chuyển đổi, giả sử bắt đầu thực hiện Nếu nó không hoạt động, nếu nó không hoạt động, nó trông không thông minh trong biểu tượng Được rồi, không thành vấn đề, nhưng hoạt động Được rồi, vậy bây giờ những gì chúng ta cần làm là chuyển sang phần tiếp theo, đó là phần giới thiệu Phần ABA này, nó là một, nó chỉ là, tôi chỉ nói rằng nó quá nhiều Rất nhiều nội dung ở đó Được rồi, vậy tôi sẽ vào phần Giới thiệu về tôi để kiểm tra xem tôi đã ghi âm bao lâu rồi, tôi rất mệt mỏi Tôi đã quay video này vài lần và sau đó tôi mắc một lỗi rất tệ, tôi thậm chí không thể chỉnh sửa nên bây giờ tôi sẽ chuyển đến phần Giới thiệu, v.v. đến phòng thí nghiệm Mac, các điều khiển về Vì vậy, chúng tôi muốn có thể sử dụng lại tiêu đề này để nó giống như một tiêu đề cái chảo này bên trong nó giống như tiêu đề chính Vì vậy, chúng tôi có về tôi và sau đó chúng tôi có một khoảng bao phủ tôi Được rồi, vậy khi nào thì tô màu này khác đi Vì vậy, trước tiên chúng tôi học một cái gì đó với khoảng cách, điều đó có nghĩa là chúng tôi sẽ tạo kiểu kiểm tra sự khác biệt đó theo cách khác Okay, vậy là ở các thành phần độc lập, vậy là chúng ta đã hoàn thành nút bấm bây giờ để làm tiêu đề chính Được rồi, vì vậy, đối với người bảo trì Nó chỉ là văn bản căn giữa căn chỉnh văn bản vào giữa, và sau đó bây giờ chúng ta sẽ căn chỉnh cạnh với vị trí tiêu đề tương đối và sau đó chúng ta sẽ thực hiện chuyển đổi văn bản, viết hoa Hoán đổi chữ hoa, và sau đó chúng tôi sẽ thực hiện trọng lượng phông chữ, kích thước phông chữ đầu tiên diễn đàn trọng lượng phông chữ sẽ là 700 Và bây giờ là xong, hãy dọn dẹp cái chảo này Vì vậy, đối với chảo này, tôi sẽ tạo màu, nó sẽ là VA, nó sẽ là màu phụ Được rồi, vì vậy sau đó chúng tôi sẽ nhắm mục tiêu vào PG, văn bản PG để Tex lớn sẽ đạt được vị trí tuyệt đối sẽ giống như bài kiểm tra chính Tôi sẽ nói top 50% Và sau đó chúng tôi cũng sẽ thực hiện thang máy 50% Và sau đó chúng ta sẽ tạo màu, một màu xám và sau đó là phần chuyển tiếp, được rồi, tôi sẽ dán vào vì vậy phần chuyển tiếp thường là chỉ số Z trừ đi một. Tôi muốn nó ở phía sau văn bản Được rồi, sau đó là độ đậm của phông chữ Được chứ? . 3 ram Được rồi, hãy lưu cái này Hãy xem những gì chúng ta nhận được Được rồi, vậy là xong Được rồi, vậy về tôi thì vâng, số liệu thống kê của tôi ở chế độ nền Được rồi, vậy bây giờ chúng ta có tiêu đề chính, tiêu đề lớn Bây giờ chúng ta hãy nói về nội dung Vì vậy, nó giống như một div sẽ chứa mọi thứ về vùng chứa vùng chứa, và sau đó tôi sẽ có một vùng chứa bên trái ở bên phải về bên trái và bên phải Được rồi, vậy chúng ta sẽ có một h4 trong đoạn văn Tôi sẽ dán cái này Vì vậy, ở bên trái, được rồi, đó là những gì chúng ta đang bắt đầu với h4 Trong một đoạn h4 Là tiêu đề Được chứ? Được rồi, vì vậy bên dưới, bên dưới đoạn văn, tôi sẽ đặt nút nút chính nút chứa nút Được rồi, tôi chỉ sử dụng lại dùi cui Tôi sẽ lưu cái này Vì vậy, nó đây Vì vậy, chúng tôi đang sử dụng lại cùng một nút này nhiều lần tôi nghĩ điều đó tốt Được rồi, vậy ở phía bên phải, tôi sẽ thu gọn mô hình này Và sau đó tôi sẽ thu gọn đoạn này Và sau đó tôi sẽ bị bỏ lại với những thứ có thể đánh giá được Vì vậy, ở đây, và chúng ta sẽ nói về mục Được rồi, vì vậy mục bot sẽ có một loại dấu chấm, B, T Chữ Được rồi, vậy ở đây, chúng ta sẽ có một chữ p p dot lớn Được rồi, tôi sẽ nói có thể là các dự án 650 hoặc 560 Plus Được chứ Vì vậy, ở đây, tôi sẽ chỉ dán vào một đoạn khác, lớp văn bản nhỏ, nhỏ, và sau đó chúng ta sẽ đến dòng nơ-ron br Nó có nghĩa là Ngắt, ngắt dòng, sang dòng mới Và sau đó vâng, chúng tôi chỉ phá vỡ văn bản Được rồi, vậy là xong Vì vậy, về cơ bản, ở bên phải, chúng ta sẽ có một lưới Được rồi, vì vậy chúng ta sẽ chuyển sang các thành phần độc lập, tôi sẽ nói ở đây về Được rồi, vì vậy ở đây, tôi sẽ nói về container Vì vậy, về vùng chứa, tôi sẽ hiển thị, hiển thị lưới Sau đó, lưới, cột mẫu, cũng lặp lại, tôi sẽ có hai cột Hai, và sau đó là một EFA Tất cả chúng sẽ có kích thước bằng nhau Và sau đó tôi sẽ thực hiện phần đệm trên cùng và phần đệm dưới cùng của, tôi sẽ dán vào đây Vì vậy, không có gì phải bàn cãi, phần đệm, phần đệm trên cùng 345, phần dưới bên trái và bên phải về Được rồi, ở bên phải, nó cũng sẽ là một lưới Được rồi, lưới hiển thị, sau đó là lưới, một số cột, vì vậy cái này sẽ là TFT điều tương tự Lặp lại hai cột, một Fr như thế Và bên dưới đó, chúng ta sẽ thực hiện khoảng cách lưới Vì vậy, nó giống như khoảng cách giữa các mục lưới Chúng tôi khoảng cách khi thuật ngữ giống như khoảng cách giữa hai mục Được chứ Bây giờ, hãy tiết kiệm Hãy đi đến đó Vì vậy, đó là về mục, đó là Viết về mục, chúng ta chỉ cần tiếp tục bắt đầu Được rồi, vì vậy chúng ta sẽ nói về vật phẩm, tôi sẽ tạo cho nó một đường viền một pixel trên pixel, bán kính đường viền và biến đổi và đổ bóng, những cái chúng tôi đã sử dụng cho một pixel và màu xám Được rồi, vậy Và tuy nhiên, khi chúng ta có cái này khi chúng ta có một, tôi sẽ nói con trỏ thành mặc định Được rồi, sau đó tôi sẽ nói biến đổi, dịch, tôi sẽ không dịch y trừ 50 phút còn lại, trừ năm bản sửa lỗi Trừ năm pixel, tôi muốn có và sau đó tăng lên Vì vậy, đó là loại hiệu ứng tôi đang tìm kiếm Và sau đó là đường viền, tôi sẽ thay đổi màu đường viền từ chính sang phụ Và sau đó là bóng hộp Tôi sẽ tăng cường độ, độ mờ. Được rồi, từ mở một đến mở ba, hai Được rồi, tôi sẽ lưu cái này vào phần Giới thiệu Vì vậy, nó đây Vì vậy, bây giờ chúng tôi có một đường viền bao quanh bạn chỉ có nó chuyển sang màu xanh lá cây Được rồi, vậy bên dưới đó, bên dưới di chuột Chúng ta sẽ thực hiện phần văn bản về đỉnh, được rồi, phần đệm đệm 1. 5 REM Bây giờ chúng ta sẽ làm là hiển thị flex, hiển thị để flex Và sau đó chúng ta cũng sẽ thay đổi hướng cột Được rồi, vậy bây giờ chúng ta sẽ tìm văn bản lớn Vì vậy, văn bản bên trái, tôi sẽ thay đổi kích thước phông chữ thành ba độ dày phông chữ REM thành 700 Và sau đó chúng ta cũng sẽ thay đổi màu, màu Tuva, màu Saundra thứ cấp Được rồi, và bây giờ chúng ta sẽ nhắm mục tiêu vào văn bản nhỏ Đối với văn bản nhỏ này, tôi sẽ chỉ có phần đệm, bên trái của ba REM thông qua RAM, sau đó khi đến vị trí tương đối, sau đó chuyển đổi văn bản chuyển đổi văn bản thành chữ hoa, vì vậy tôi muốn văn bản ở dạng chữ hoa Và sau đó khi làm cỡ chữ 1. 2 REM thì màu sẽ chuyển sang màu xám Và sau đó là khoảng cách giữa các chữ cái, khoảng cách giữa các chữ cái, tôi muốn những khoảng cách này là hai pixel và sau đó kết thúc, tôi sẽ đặt cho nó một phần tử giả trước Vì vậy, nó sẽ giống như một dòng nhỏ Được rồi, với một người tuyệt đối, tôi sẽ dán mã cho điều đó Vì vậy, nội dung chuỗi trống người tuyệt đối trái không, 250 pixel trên cùng với hai RAM, hai pixel cao, tôi sẽ lưu cái này Được rồi, vậy là xong Vì vậy, đây là phần tử giả trước, dòng chữ ở đây, tôi sẽ kiểm tra điều này Vì vậy, nó đây Được rồi, đây là một lưới, ở đây chúng ta có hai cột Vì vậy, chúng ta cần thêm ba đối tượng ở đây Đối với chúng tôi để có bốn mục Vì vậy, bạn có thể sao chép các mục lưới này ở đây bạn có thể về mục, bạn có thể sao chép mục này ba lần nữa 123, an toàn và sau đó chỉ cần thay đổi dữ liệu thành bất kỳ dữ liệu nào phù hợp với nhu cầu của bạn Vì vậy, nó đây Vì vậy, bây giờ chúng tôi có nhiều mặt hàng hơn Ở đây mình thay đổi từng mục, mình không làm đâu, mình chỉ dán vào những mục mình đã thay đổi dữ liệu thôi Vì vậy, tôi không muốn lãng phí thời gian của bạn để thay đổi thông tin về các mặt hàng này Tôi sẽ dán vào tất cả các mục có dữ liệu cho chúng rồi Được rồi, vì vậy ý tưởng giống như đã cung cấp dữ liệu Vì vậy, bây giờ chúng ta hãy đi về phía bên trái Được rồi, vậy đây là quyền về Và sau đó phải làm gì vào lúc hoàng hôn Khoảng còn lại chỉ là không có nhiều trong đó Vì vậy, chúng tôi sẽ làm đệm, phải không? Vì vậy, chiều cao dòng cho thẻ p này, tôi sẽ đặt nó thành hai REM Azhar và sau đó chúng tôi sẽ thực hiện phần đệm trên cùng và dưới cùng sẽ là RAM hoặc RAM của chúng tôi, sau đó màu sẽ là màu xám Được rồi, điều đó và sau đó tôi sẽ nói với bạn rằng h4 chỉ là viết hoa văn bản, h4 và sau đó là vùng chứa của nút Thực ra có cần nói cái container không nhỉ, cái nút cứ save mọi thứ chắc cũng đẹp rồi nó đây rồi Vì vậy, mọi thứ có vẻ tốt đẹp chúng tôi về Vì vậy, bây giờ chúng ta chỉ cần thêm nhiều thứ hơn, nhiều thứ hơn bên dưới đây Vì vậy, chúng tôi có các thanh tiến trình trong công cụ dòng thời gian Vì vậy, chúng ta hãy làm điều đó Hiện nay Vì vậy, hãy đi đến HTML Tôi sẽ thu gọn kho chứa giới thiệu Tôi sẽ thu gọn cái đó Vì vậy, bây giờ tôi chỉ muốn đại loại là thêm số liệu thống kê, tôi sẽ làm về số liệu thống kê trước, không sao đâu Vì vậy, ở đây số liệu thống kê xe buýt không có gì nhiều không có gì nhiều đang xảy ra ở đây Chỉ cần một h4 Xem các kỹ năng của tôi Và sau đó khi tôi tạo một lớp có tên là thanh tiến trình tiến trình, div, chương trình, thanh tiến trình và sau đó là một div khác có tên là tiến trình Quán ba Thanh tiến trình Được rồi, vậy đó là một lớp học khác Trong đó, chúng tôi có một tiêu đề gọi là P Phát triển Tiêu đề Được rồi, đó là tiêu đề tiến trình P, tôi sẽ nói HTML five cho tiêu đề này Được chứ Và bên dưới đó, chúng ta sẽ có thùng chứa tiến trình Được rồi, vậy ở đó, chúng ta sẽ có văn bản giống như tiến trình, P hiện Ếch, văn bản con ếch Vì vậy, đây là văn bản, nó sẽ giống như 80% hoặc 90, tùy thuộc vào bạn với bao nhiêu phần trăm kỹ năng của bạn Vì vậy, trong trường hợp này, tôi chỉ có thể nói có lẽ 90% Đó giống như một thẻ p Và bên dưới đó, tôi sẽ có một tiến trình cụm Vì vậy, đây là thanh tiến trình thực tế Và sau đó trong khoảng bất cứ khi nào này, và sau đó lớp học cho kế hoạch này sẽ thực sự là M L Được rồi, vậy đó là vì vậy đây là mục trên thanh tiến trình Chúng tôi có thể nhân đôi điều này nhiều lần, tùy thuộc vào số lượng thanh tiến trình bạn muốn thực hiện Được rồi, vậy bây giờ chúng ta hãy chuyển sang phong cách Vì vậy, về container Sau đó, tôi sẽ nói dấu chấm về số liệu thống kê số liệu thống kê trên Vì vậy, ở đây, tôi sẽ chỉ thực hiện phần đệm dưới cùng cho diễn đàn là tôi muốn có một chút khoảng cách, tôi sẽ nói tiến trình thanh tiến trình Được rồi, tôi sẽ tạo một lưới hiển thị, chúng ta đã làm điều đó với các cột Và bên dưới đó, tôi sẽ chuyển đổi thanh tiến trình như thế Ở đây, tôi sẽ chỉ hiển thị, uốn cong, uốn cong hướng đến cột Được rồi, tôi muốn chúng nối tiếp nhau Vì vậy, đó là những gì chúng tôi đang sử dụng cột và sau đó tôi sẽ chọn tiêu đề tiến trình, tiêu đề thuốc Ở đây tôi sẽ chỉ cho bạn biết, văn bản chuyển đổi văn bản chuyển đổi văn bản thành chữ hoa, vì vậy tôi sẽ đặt nó thành chữ hoa có trọng số, tôi sẽ đặt nó là năm trăm Được rồi, vì vậy sau tiêu đề tiến trình, tôi' Được rồi, bây giờ hãy lưu lại và xem những gì chúng ta có cho đến nay Được rồi, vì vậy có một cái bên cạnh văn bản này ở đây để có một thanh tiến trình được chứ Vì vậy, một cái gì đó bị thiếu ở đây kỹ năng của tôi Được rồi, không có gì bị thiếu, bạn chỉ cần dừng h4 này Được rồi, vì vậy bây giờ chúng ta chỉ cần để tôi kiểm tra tiêu đề chỉ số h4 À, được rồi, vậy chúng ta có một lớp học là tiêu đề cho h4, tôi sẽ nói là tinh bột Tinh bột chặt chẽ Được rồi, nó không có ở đó Mặc dù chúng ta cần bắt đầu điều đó sau Được rồi, vậy bây giờ chúng ta cần thực hiện thanh tiến trình ngay bây giờ Vì vậy, nếu văn bản tiến trình sau đó chúng tôi có tiến trình Vì vậy, tiến độ thực tế tôi sẽ nói chiều rộng với một hoặc 2% Vì vậy, đối với một chiều cao này, nó sẽ là điểm bốn, năm cho chiều cao này, và sau đó là màu nền Tôi sẽ đặt một vị trí họ hàng vì lưu cái này Được rồi, hãy xem những gì chúng ta nhận được Vì vậy, nó đây Vì vậy, đó là thanh tiến trình của chúng tôi Nhưng chúng tôi cũng cần một cái gì đó bên trong để thể hiện sự tiến bộ, sự tiến bộ thực sự Được rồi, đó là cách chúng ta có nhịp đó bên trong tiến trình đó Vì vậy, nhịp sẽ chịu trách nhiệm điền vào chiều rộng Vì vậy, chảo này sẽ là một người tuyệt đối Đó là lý do tại sao chúng tôi đã làm phần trăm tương đối ở đây Vì vậy, trái và trên cùng sẽ bằng 0, và sau đó chiều cao sẽ là 100% Được rồi, sau đó màu nền sẽ là màu phụ, màu xanh lục Nhưng nếu tôi đặt chiều rộng ở đây, chẳng hạn, có thể là 60% Như bạn có thể thấy, có Nhưng nếu tôi muốn tạo nhiều mục hơn ở đây, nếu tôi thấy thanh tiến trình, tôi sẽ nói 12345, tôi sẽ lưu khi tôi tiếp tục, như bạn có thể thấy, tất cả chúng đều có cùng chiều rộng, tôi muốn chúng có cùng chiều rộng Vì vậy, để làm điều đó, chúng tôi cần cung cấp cho từng thanh tiến trình riêng lẻ, tôi sẽ hoàn tác lại thao tác này Được rồi, bạn thấy chảo này, nó là một lớp HTML Vì vậy, bất kể ngôn ngữ nào bạn đang làm, hãy cho nó một lớp học về ngôn ngữ đó Và sau đó, sau khi xoay, sau đó bạn nhắm mục tiêu từng ngôn ngữ riêng lẻ và cung cấp cho nó một chiều rộng khác nhau tùy theo bất kỳ dữ liệu nào bạn muốn Vậy trong trường hợp này là 90% Được rồi, vì vậy bây giờ nó sẽ được an toàn, bởi vì tôi đã không lưu Được rồi, vậy bây giờ nó sẽ là 90% Như bạn có thể thấy, đó là 90 Và họ muốn làm một ngôn ngữ lập trình khác khi tôi sao chép thanh tiến trình Vì vậy, đây là thanh tiến trình thực tế mà tôi cần sao chép nhiều lần Tôi chỉ cần thay đổi tên lớp cho khoảng tiến trình Được rồi, vì vậy người hâm mộ này, tôi chỉ cần thay đổi tên lớp và sau đó đặt div sang một chiều rộng khác Vì vậy, trong trường hợp này, tôi sẽ chỉ dán số liệu thống kê vào Điều đó làm tăng Tôi sẽ dán vào các số liệu thống kê Được rồi, vậy thanh tiến trình Đó, vậy đó, vì vậy bây giờ tôi đã hoàn thành việc tắt thanh tiến trình khỏi máy ảnh Vì vậy, bây giờ chúng ta sẽ có sáu thanh tiến trình khác nhau Được rồi, ở đó Nhưng bây giờ có một cái gì đó mất tích Hãy nhìn xem, thanh tiến trình này có thanh tiến trình, chúng có các tên lớp khác nhau Được rồi, vì vậy tôi sẽ sao chép các tên lớp đó ở đây và cung cấp cho chúng chiều rộng khác nhau Như vậy là đến đây chúng ta đã làm xong HTML rồi Và điều đó sẽ dán vào HTML, CSS, JavaScript Vì vậy, hãy chắc chắn rằng chiều rộng của bạn, vì vậy tên đầy đủ của chúng tôi, vì vậy cái này phải là 90% Trên thực tế, đối với tôi, tôi đã đặt HTML 280 Và sau đó là phần còn lại của các lớp, tùy bạn quyết định làm gì với chúng Vì vậy, như bạn có thể thấy, bây giờ chúng tôi đã khác, bây giờ chúng tôi có các thanh tiến trình khác nhau Vì vậy, vấn đề chỉ là đặt một tên lớp khác cho một thanh tiến trình khác, bởi vì chúng tôi đang sử dụng lưới Được rồi, vậy mỗi thanh tiến trình, tôi có thể đặt cho nó một tên lớp khác, bạn thực sự có thể làm bao nhiêu thanh tiến trình, bao nhiêu tùy thích Nó không giới hạn ở sáu vì nó là một lưới, phải không? Như nhiều như bạn muốn Tuỳ bạn Được chứ Vì vậy, bây giờ, hãy làm tiêu đề này ở đây Tại sao chúng tôi lại đặt tên cho tiêu đề này? Vì vậy, chúng tôi thấy những gì chúng tôi đang tìm kiếm Vì vậy, được gọi là số liệu thống kê Vì vậy, nó thực sự là tiêu đề số liệu thống kê Được rồi, vậy chiếc ghế này chặt hơn Về điều này để được độc lập, tôi muốn ở bên ngoài vùng chứa này tôi chỉ định đi ra ngoài Tôi sẽ làm điều đó ở đây Tôi đã nói chuyển văn bản thành chữ hoa Sau đó, tôi sẽ cung cấp cho nó một cỡ chữ là 1. 4 Rem và sau đó căn chỉnh văn bản để nói Enter Và sau đó tôi sẽ làm phần đệm Trên và dưới sẽ là 3. 5 3. 5, trái, trái và phải zombie không Và sau đó vị trí tương đối Vì mình muốn tạo một cái before nên phần tử bên trong nó Vì vậy, tôi sẽ nói trước Vì vậy, bạn biết khoan Trước khi chúng tôi làm điều này trước đây, tôi sẽ nói nội dung, đặt nội dung thành một chuỗi trống Và sau đó sang trái, tôi sẽ thiết lập một số thuộc tính ở đây, bên trái 50%, trên cùng 0% Khi tôi đặt nền màu xám cho nó, sau đó tôi sẽ căn giữa phần này trên trục x Vì vậy, tôi nói chuyển đổi, Dịch X và sau đó trừ 50% để căn giữa cái này trên trục x, được rồi, bây giờ tôi sẽ chuyển sang phần Được rồi, vì vậy bây giờ chúng ta đặt tên cho kỹ năng của mình Được rồi, nhưng chúng ta cần biên giới của họ Thực ra, tôi nghĩ chúng ta cần một đường biên giới Vì vậy, chúng tôi có thể đặt tiêu đề này có thể là đỉnh viền hoặc thứ gì đó Tôi không biết Vâng, chúng ta hãy làm một biên giới Tôi nghĩ đó là cách tốt hơn để làm điều đó thực sự không phải là một đường viền Vì vậy, điều này trước để phần tử chịu trách nhiệm cho điều đó Nội dung Vì vậy, chúng tôi chỉ cần cung cấp cho chiều rộng này với phần trăm giá trị tuyệt đối để tôi kiểm tra xem tại sao nó không hiển thị Kiểm tra trước các phần tử giả nói là có biến đổi Dịch X? Tôi nghĩ rằng có điều gì đó không ổn với một màu lớn Nền Không, nó không hiển thị chuỗi trống nội dung tĩnh Người thân không biết tại sao nó không hiển thị Lưu lại mọi thứ Tôi sẽ kiểm tra Thật thú vị Để mình thử làm lại màu nền Tuy nhiên, nó không hoạt động Tôi nghĩ rằng tôi đã làm điều gì đó sai ở đâu đó Và trước khi kiểm tra đặt tên của bạn bắt đầu chặt chẽ hơn Tôi chỉ đang cố gắng tìm ra lý do tại sao hãy để tôi xem liệu tôi có biến này không Đúng? Được rồi, chúng ta hãy làm một cái gì đó khác Tôi sẽ tìm hiểu xem chuyện gì đang xảy ra sau Tại sao nó không hoạt động Vì vậy, hãy làm một cái gì đó khác Vì vậy, bây giờ chúng ta cần phải làm dòng thời gian Vì vậy, tôi muốn đặt một dòng ở đây vào tiêu đề, nhưng vì lý do nào đó, nó không hiển thị Tôi sẽ cố gắng tìm hiểu tại sao Nó không hiển thị sau này Hãy tập trung vào giáo trình Đó là tôi sẽ sụp đổ Vì vậy, bây giờ chúng ta cần phải làm dòng thời gian Đối với dòng thời gian Tôi chỉ định nói dấu chấm dòng thời gian Được rồi, vì vậy đối với dòng thời gian, chúng ta sẽ trở thành một lưới Vì vậy, giống như sẽ giống như những thứ chúng tôi đã và đang làm Vì vậy, nó sẽ là một lưới và Chúng tôi sẽ có hai cột của lưới Vì vậy, chúng ta sẽ có một dòng thời gian, Mục Dòng thời gian Được rồi, vì vậy nó là một mục lưới Vì vậy, Mục Dòng thời gian Vì vậy, bất cứ khi nào tôi tạo một Mục Dòng thời gian và khi nào, hãy nói biểu tượng dòng thời gian có dấu chấm, vì vậy chúng tôi cũng sẽ có một biểu tượng Và sau đó biểu tượng sẽ giống như biểu tượng chiếc cặp Tôi sẽ kéo bạn có thể vào thư mục Triệu tập, tìm bất kỳ biểu tượng nào bạn đang tìm kiếm Và sau đó P chấm vào dòng thời gian để phân phối Và sau đó, ở đây bạn có thể đặt khoảng thời gian khi bạn bắt đầu làm việc cho một công ty và những thứ, blah, blah, blah Và sau đó chúng ta sẽ có một h năm với nhịp bên trong Và sau đó là một đoạn văn với một số văn bản ngẫu nhiên, được sửa chữa Được rồi, thế là xong Đó là nó cho Mục Dòng thời gian Nó khá là nhiều Được rồi, chúng ta chỉ cần thêm tiêu đề phía trên dòng thời gian Đây Chúng ta chỉ có thể nói, dòng thời gian của tôi Được rồi, vậy hãy tiết kiệm Hãy xem những gì chúng ta có Vì vậy, nó đây Vì vậy, dòng thời gian của tôi, vì vậy chúng tôi chỉ cần xác định mục để tạo lưới cho mục cuối này Được chứ Vì vậy, để làm điều đó, chúng ta chỉ cần vào phong cách Chính ở đây, tôi sẽ chỉ nói dòng thời gian Được rồi, vậy hãy chấm dòng thời gian Và khi tôi nói hiển thị lưới cho các cột, chúng tôi đã làm điều này, vì vậy tôi sẽ lãng phí thời gian của bạn để viết lại Và sau đó tôi sẽ nói dòng thời gian dấu chấm, Mục Dòng thời gian Vì vậy, đối với thiết bị đầu cuối, một mục, tôi sẽ nói, để phù hợp vì tôi sẽ cố định biểu tượng, mã hóa bên trái, phần đệm bên trái sẽ là ba REM, ba rem bên trái và sau đó là đường viền của đường viền một pixel Vì vậy, tôi sẽ cung cấp cho bạn đường viền bên trái của một pixel có màu xám năm, sau đó tôi sẽ chuyển đổi biểu tượng thành biểu tượng riêng lẻ, biểu tượng thực tế và tôi nói phần trăm tuyệt đối Và sau đó tôi sẽ nói bên trái trừ 27 pixel, bạn có thể thử với giá trị này để tìm bất kỳ giá trị nào phù hợp với nhu cầu của mình Được rồi, tôi sẽ tiết kiệm chỉ cho bạn thấy ý tôi là gì Vì vậy, tôi sẽ đi kiểm tra Vậy đây là icon chữ T nhé, mình chưa lưu Được rồi, vậy là đến biểu tượng Được rồi, vậy bây giờ, vậy là biểu tượng của chúng ta, được rồi, vì vậy bạn có thể sắp xếp chơi với giá trị này giá trị trái bên trái để xem bất cứ thứ gì bạn cần Vì vậy, trừ 27 là giá trị mà tôi thấy tốt hơn Vì vậy, tôi sẽ nói số 0 và sau đó tôi sẽ nói cho nó màu thứ cấp của tòa nhà và sau đó tôi muốn được làm tròn để chiều rộng và chiều cao phải giống nhau để nó được làm tròn và sau đó bán kính đường viền là 50% Được rồi, đó là lý do tại sao tôi làm chiều rộng và chiều cao giống nhau Vì vậy, nó đây Vì vậy, chúng tôi chỉ muốn đặt biểu tượng này bằng cách sử dụng flex Vì vậy, hiển thị các mục căn chỉnh linh hoạt và chỉ cho nội dung căn giữa để căn giữa biểu tượng Được rồi, vì vậy và sau đó tôi chỉ cần nhập biểu tượng đó và sau đó đặt cỡ chữ là 1. 3 Ram hơi to Được rồi, thế là xong, biểu tượng sẽ xuất hiện đẹp mắt nó đây rồi Vì vậy, bây giờ chúng ta chỉ cần tạo kiểu cho văn bản này và tiêu đề Được rồi, vì vậy sau đây tôi sẽ chỉ thời lượng để xếp hạng được hiển thị nhé Vì vậy, trong khoảng thời gian khi tôi tạo cho nó một phần đệm và màu sắc, phần đệm trên và dưới sẽ là điểm ram trái và phải điểm sáu RAM và sau đó bán kính đường viền sẽ là 15 pixel Tôi muốn nó được làm tròn và sau đó hiển thị sẽ là khối nội tuyến Được rồi và cỡ chữ tôi muốn nhỏ hơn kích thước phông chữ sẽ là điểm tám RAM và sau đó Chúng tôi sẽ chuyển văn bản thành chữ hoa, chữ hoa, sau đó chúng tôi sẽ thay đổi độ dày của phông chữ thành 500 gì đó, bạn biết đấy, dày hơn Bây giờ chúng ta hãy lưu tất cả mọi thứ Vậy là đã có mục biểu tượng dòng thời gian của chúng ta, ý tôi là, được rồi, vậy chúng ta chỉ cần làm tiêu đề trong đoạn Vì vậy, sau khoảng thời gian xác định, có một h5 Vì vậy, có năm, chỉ có nhiều kiểu dáng, phần đệm, chuyển đổi văn bản theo kích thước phông chữ, chỉ là những thứ tiêu chuẩn Được rồi, anh bạn, tôi sẽ cho bạn biết nhịp bên trong và sau đó tôi sẽ tô màu cho nó, độ dày phông chữ và kích thước phông chữ, chỉ là những thứ bình thường tiêu chuẩn Được rồi sau khi f5 mình sẽ nói đoạn mình sẽ cho màu xám, dùng biến màu Màu xám để đảo màu cho số 2 màu xanh đó cho đoạn văn Vì vậy, tôi sẽ đi một lần nữa Vì vậy, nó đây, mọi thứ đều được tạo kiểu độc đáo Vì vậy, bây giờ chúng ta chỉ cần sao chép điều này nhiều lần, sau đó thay đổi các giá trị Vì vậy, những gì bạn cần làm quay lại, sau đó đi xác định mục cần sao chép mục hàng thuật ngữ thực tế, bởi vì chúng tôi đã thực hiện lưới hiển thị này trên dòng thời gian này, hai cột Vì vậy, chúng tôi chỉ cần sao chép để quảng cáo các mục lưới 12345 Và sau đó bạn chỉ cần thay đổi dữ liệu thành bất cứ điều gì phù hợp với nhu cầu của bạn Được rồi, vì vậy trong trường hợp này, tôi cũng sẽ dán lại một số, một số giá trị, vì tôi không muốn làm mất thời gian của bạn khi thay đổi các giá trị này nhiều lần Vì vậy, bạn có thể đặt nó vào bất kỳ giá trị nào mà bạn muốn Được rồi, Verity, vậy đối với tôi, tôi đã thay đổi tất cả dữ liệu hoặc chỉ tạo ngẫu nhiên Vì vậy, để nó trông giống như một cái gì đó, bạn biết đấy, hơi ngẫu nhiên Được rồi, vì vậy đối với dòng, chúng ta sẽ quay lại phần sau vì tôi không biết nhiều về cách hiển thị Vâng, tôi nghĩ rằng tôi sẽ nghỉ ngơi bây giờ Tôi sẽ gặp bạn trong phiên tiếp theo Vì vậy, bây giờ là lúc để làm việc trên trang danh mục đầu tư Vì vậy, cái này sẽ siêu nhanh và dễ dàng Vì vậy, nó giống như một lưới Vì vậy, hãy đi đến phần danh mục đầu tư Được rồi, vì vậy trong phần này, chúng ta sẽ đặt một số mục lưới Vì vậy, về cơ bản, bạn sẽ đặt tiêu đề, chúng tôi đang sử dụng lại tiêu đề mà chúng tôi đã tạo Và sau đó chỉ cần đặt, thay đổi tên danh mục đầu tư của tôi vừa sao chép tiêu đề, từ nơi chúng tôi đã thực hiện nó trước đây Và sau đó, vâng, đặt nó vào đó Vì vậy, danh mục đầu tư của tôi với tiêu đề Và sau đó khi tôi truy cập trang danh mục đầu tư, bạn có thể thấy tiêu đề danh mục đầu tư của tôi nó đây rồi Vì vậy, bây giờ, hãy làm nội dung Vì vậy, đối với, tôi muốn có một đoạn văn ở đây, P với một lớp danh mục đầu tư, văn bản, chỉ cần đặt một số văn bản trong đoạn văn, như văn bản ngẫu nhiên Được rồi, trong trường hợp này, tôi sẽ đặt một số văn bản ngẫu nhiên Vì vậy, tôi sẽ nói, dấu chấm, cái gì? Và sau đó ở đây, chúng ta sẽ nói mục danh mục đầu tư chấm Vì vậy, trong mục Danh mục đầu tư, chúng ta sẽ có một hình ảnh cho hình ảnh của nó Và sau đó là IMG, danh mục hình ảnh một Vì vậy, chúng tôi có danh mục đầu tư tất cả các cách để bảy, hình ảnh Và bên dưới đó, chúng ta sẽ có bên dưới hình ảnh, chúng ta sẽ có các mục di chuột qua dấu chấm Vì vậy, khi tôi có mục danh mục đầu tư, tôi muốn hiển thị các liên kết, nơi bạn có thể tải xuống dự án nếu bạn nếu người dùng muốn Được rồi, vì vậy tôi sẽ có một h3 trong đó Tôi sẽ nói, Nguồn dự án Vì vậy, nguồn của dự án như mã nguồn hoặc một cái gì đó, có thể là các liên kết GitHub của bạn Được rồi, bên dưới đó, tôi sẽ có một lớp học với các biểu tượng, của các biểu tượng Vì vậy, ở đây tôi sẽ có một thẻ neo một liên kết Vì vậy, mỗi liên kết sẽ dẫn đến bất kỳ trang web nào bạn muốn Vì vậy, ví dụ, nếu tôi nói WWE làm google. com Và sau đó tôi sẽ nói Mục tiêu, Mục tiêu Và khi tôi đặt mục tiêu để trống, điều đó có nghĩa là mở một trang mới Vì vậy, nếu mục tiêu gần trống, nó sẽ mở ra một trang mới Và sau đó trong đó, tôi sẽ thêm một biểu tượng Được rồi, vì vậy bạn có thể đặt bao nhiêu biểu tượng tùy thích Vì vậy, trong trường hợp này, tôi sẽ làm GitHub Tôi muốn làm GitHub, YouTube Được rồi, vấn đề về GitHub, YouTube và GitHub Behance Đó là những biểu tượng tôi sẽ sử dụng Vì vậy, bây giờ, chúng tôi có một mục lưới Vì vậy, chúng tôi cần như, sáu mục lưới hoặc nhiều hơn, bất cứ thứ gì tùy thuộc vào bạn Vì vậy, chúng ta sẽ có một lưới với ba cột Bởi vì một khi bạn có ba mục được kích hoạt dạng lưới trên mỗi hàng, được rồi, vậy hãy chuyển sang phần phong cách, tôi sẽ nói đặt các tờ giấy theo cách của tôi, tôi sẽ bắt đầu thực hiện danh mục đầu tư Vì vậy, tôi sẽ nói các văn bản danh mục đầu tư chấm Đặt văn bản danh mục đầu tư văn bản, tôi sẽ tạo cho nó một phần đệm, phần đệm trên và dưới sẽ là ram trái và phải bằng không Và sau đó căn chỉnh văn bản căn chỉnh văn bản, nó sẽ là trung tâm Và sau đó, tôi sẽ nhắm mục tiêu các danh mục đầu tư vào thùng chứa Và sau đó tôi sẽ làm một lưới hiển thị Chúng tôi đã làm điều này từ lâu với các cột mẫu lưới Và sau đó chúng ta sẽ thực hiện lặp lại và sau đó tôi sẽ thêm một lần nữa. Được rồi, vì vậy chúng ta sẽ có ba cột và sau đó là khoảng cách lưới giữa các mục lưới Vì vậy, nó sẽ là hai REM như thường lệ Và sau đó tôi sẽ cho bạn biết mức ký quỹ cao nhất. Tôi sẽ cho nó mức ký quỹ cao nhất là ba RAM và sau đó tôi sẽ thực hiện việc đặt mục folio vào mục riêng lẻ thực tế, mục danh mục đầu tư và chúng tôi sẽ thực hiện tỷ lệ phần trăm tương đối và sau đó Vì vậy, nó trông đẹp Nói nhìn đẹp Vì vậy, hình ảnh chúng ta chỉ cần tiếp tục bán kính đường viền vì một số lý do không áp dụng bán kính đường viền 15 pixel, chúng tôi cũng cần đặt. Tôi nghĩ bạn cũng cần đặt cái này lên chính vật phẩm đó. Vì vậy, bây giờ trên các mặt hàng có Mục danh mục đầu tư, hãy để tôi kiểm tra lại tên lớp Vì vậy, hãy chắc chắn rằng tên lớp Được rồi, không sao đâu Có các mục có một hoặc 2% Đúng một hoặc 2% Màu nền sẽ là màu chính và sau đó vị trí sẽ là tuyệt đối Vì vậy, khi chúng tôi có Được rồi, vì vậy nó chưa hiển thị Được chứ bán kính đường viền cũng sẽ được gửi Bán kính viền 15 pixel Được rồi, vì vậy họ có các mục được định vị tương đối Để mình kiểm tra lại Trong thanh tra Oh, it's have mục có một hoặc là nó như thế? Vì vậy, chúng tôi sẽ tập trung tất cả nội dung này ở đây vào trung tâm Vậy là bạn đã biết cách làm rồi, chúng ta sẽ sử dụng các mục flex, flex align to center và flex direction to column Được rồi, như vậy Và sau đó hãy xem những gì chúng ta nhận được Nó đang tải Nó biên dịch các phong cách Đôi khi anh ấy làm điều này Được rồi, vậy là tất cả các mục được căn chỉnh Vì vậy, bây giờ chúng ta chỉ cần tạo kiểu cho các biểu tượng riêng lẻ Được chứ Vì vậy, để làm điều đó, tôi sẽ bắt đầu với h3, tiêu đề h3 bên trong bên trong đó, và chỉ muốn tăng kích thước phông chữ và tô màu cho nó ở bên lề Vì vậy, đầu tiên sẽ là 1. 5 RAM và lề dưới là 1. 5 ram Được rồi, sau đó, sau ba, nhắm mục tiêu các biểu tượng, tôi muốn nói rằng tôi muốn, tôi muốn căn chỉnh các mục dưới dạng tất cả màn hình uốn cong, vào giữa Và sau đó là biểu tượng, biểu tượng riêng lẻ, tôi muốn tạo cho nó màu nền của biểu tượng chính Vì vậy, chiều rộng và chiều cao phải giống nhau để chúng ta làm tròn hai phép đo bán kính đường viền tròn, 50%, chiều rộng và chiều cao phải giống nhau Vì vậy, bất kể chiều rộng và chiều cao bạn đặt, lưới đều giống nhau đối với chúng tôi để đảm bảo các biểu tượng được làm tròn đẹp mắt Vì vậy, ví dụ, như thế này, các biểu tượng xung quanh nó, vì vậy chúng ta chỉ cần căn giữa nó với Flex Được rồi, vì vậy bạn có thể làm điều đó, và sau đó chúng tôi sẽ cho nó một lề trái và phải để chúng tôi tạo khoảng cách cho chúng Và sau đó trường hợp, nó sẽ là con trỏ và sau đó chúng ta sẽ thực hiện một phép biến đổi Quá trình chuyển đổi, ý tôi là, quá trình chuyển đổi, chữ Z cho điều đó Được rồi, vậy là xong Vì vậy, tuy nhiên, chúng ta có thể thực sự muốn thay đổi kích thước phông chữ của biểu tượng này, những biểu tượng này, vì vậy tôi sẽ nhắm mục tiêu vào mắt Vì vậy, bạn có thể chèn biểu tượng và bất cứ thứ gì tôi thay đổi kích thước phông chữ và màu thành màu trắng rồi đặt lề, trái và phải Của một, như vậy Được rồi, khi chúng ta có biểu tượng này, tôi sẽ nói kết thúc Tuy nhiên, những gì chúng tôi muốn xảy ra, bất cứ khi nào tôi chỉ muốn thay đổi màu nền của biểu tượng và biểu tượng thực tế tôi gắn thẻ, được thôi, vì vậy nó chỉ ở màu sắc Vì vậy, hãy xem Vì vậy, bây giờ nó đang thay đổi màu sắc Vì vậy, tôi không muốn hiển thị cái này theo mặc định, được thôi, tôi muốn chỉ hiển thị cái này khi tôi có mục lưới này Vì vậy, ở đây, tôi cũng sẽ thoát khỏi nó để thoát khỏi nó Vì vậy, để loại bỏ nó, tôi sẽ nói rằng tôi sẽ nói đi lên ở số ba, tôi sẽ cho một mục sư bằng không, độ mờ bằng không, điều đó có nghĩa là tôi sẽ thích trốn bằng cách đứng đó để ý đến tính chia hết cho mục sư không Và sau đó tôi cũng sẽ làm theo tỷ lệ không, Biến đổi, biến đổi, tỷ lệ, không Được chứ Và sau đó chúng ta cũng hãy thực hiện một quá trình chuyển đổi, cái mà chúng ta đang sử dụng Được rồi, vậy, ừm, tôi muốn có một mục lưới Tôi muốn trả lại hai giá trị mặc định này, độ mờ và tỷ lệ Được rồi, để làm điều đó, tôi sẽ cuộn xuống Tôi sẽ nói, ở đây bên ngoài, tôi sẽ nói danh mục đầu tư mục danh mục đầu tư Được rồi, đang di chuột Vì vậy, khi tôi có mục danh mục đầu tư là mục lưới Và sau đó tôi sẽ nói các mục có dấu chấm trên chúng có độ mờ và chúng tôi cũng sẽ đặt mục đó ở một tỷ lệ thành một Được rồi, vậy hãy xem những gì chúng ta có Được rồi, vì vậy khi tôi có nó, nó sẽ hiển thị, nhưng tôi chỉ cần sửa hình ảnh này Vấn đề về hình ảnh Tôi không biết tại sao nó không hoạt động. Hãy để tôi kiểm tra hình ảnh Hình ảnh với Uber đã gửi chiều cao 30 pixel Được rồi, vậy đó là cha của hình ảnh và sau đó là hình ảnh, tôi sẽ đặt chiều cao của hình ảnh thành 100% Một cái gì đó đáng nghi đang xảy ra Nếu bạn không đặt chiều cao đối tượng phù hợp, ồ, nó bị chứa, nó được cho là bị che, lỗi thông minh hoặc một đối tượng khép kín, bị chứa phù hợp với đối tượng được cho là bị che Vì vậy, nó sẽ bao gồm toàn bộ mục lưới Được rồi, vì vậy bây giờ nó bao phủ toàn bộ mục lưới Vì vậy, mọi thứ hoạt động như mong đợi Vì vậy, bây giờ những gì chúng ta cần làm chỉ là sao chép các mục danh mục đầu tư này Được rồi, chúng ta có thể sao chép chúng bằng cách bạn thực sự cũng có thể, bạn biết đấy, tạo hoạt ảnh, xoay, nhưng tôi sẽ không làm điều đó trong video này Vì vậy, hãy đi đến HTML Vì vậy, nếu chúng tôi thực hiện hiển thị lưới, lưới, chúng tôi sẽ hiển thị ba, ba cột Vì vậy, những gì tôi sẽ làm bây giờ là tôi sẽ sao chép và thay đổi các giá trị Vì vậy, chúng tôi có các hình ảnh danh mục đầu tư, vì vậy hình ảnh có thể thay đổi từ danh mục đầu tư 123445, bạn có thể sử dụng hình ảnh của riêng mình nếu muốn Vì vậy, bạn chỉ cần thay đổi xung quanh các giá trị Được rồi, mục danh mục đầu tư, tôi sẽ thu gọn mục danh mục đầu tư Và sau đó tôi sẽ nhân đôi cái này nhiều lần 12345 Bao nhiêu lần tùy thích, lưu và sau đó quay lại, chúng ta hy vọng sẽ có nhiều danh mục đầu tư hơn, và sau đó bạn chỉ cần thay đổi xung quanh những hình ảnh này là tốt Được rồi, vâng, tôi sẽ, tôi sẽ để phần còn lại cho bạn mục danh mục đầu tư Được rồi, tôi chỉ đang hoàn tác danh mục đầu tư này Được rồi, vì vậy tôi đã dán vào ngày thay đổi dữ liệu Vì vậy, tôi đã thay đổi tất cả các hình ảnh Vì vậy bạn chỉ cần làm tương tự như bạn chỉ cần thay đổi hình ảnh của riêng bạn theo ý thích của bạn Vì vậy, tôi đã thay đổi hình ảnh Vì vậy, bây giờ, vâng, hãy chuyển sang phần tiếp theo, nếu bạn nhớ điều này trước đây, vì vậy phần tử không hiển thị là do tôi quên làm điều gì đó, khi tôi mong đợi, tôi đã quên thực hiện phần trăm tuyệt đối trên phần tử đầu tiên Vì vậy, hãy chắc chắn rằng bạn đặt vị trí tuyệt đối, và sau đó nó sẽ hiển thị ở đâu đó phía dưới nó đây rồi Vì vậy, đi đến các bước bắt đầu chặt chẽ hơn chặt chẽ hơn, và sau đó nội dung ở đây đến vị trí tuyệt đối Vì vậy, hy vọng bây giờ dòng sẽ hiển thị Vì vậy, bây giờ chúng ta nên bao giờ sắp xếp Có nó là dòng ở đây Được chứ Vì vậy, đó là nó cho danh mục đầu tư Bây giờ, hãy bắt đầu với các khối, các khối tương tự như danh mục đầu tư bởi vì đó là một Azhar tuyệt vời sẽ có f sẽ có, nó sẽ có ba, ba cột Được rồi, vì vậy chúng ta cũng chỉ cần truy cập blog, danh mục đầu tư, tôi sẽ thu gọn cái này Và khi tôi truy cập các blog, tôi sẽ nói các blog chấm, nội dung giống như cha mẹ, nơi chứa cha mẹ chính Vì vậy, trong đó, tôi sẽ dán tiêu đề và sau đó là tiêu đề, chỉ cần thay đổi nó thành blog của tôi Vì vậy, chúng tôi đã tạo tiêu đề này trước đây Vì vậy, nó nằm bên trong tiêu đề, đó thực sự là bên trong phần giới thiệu, đó là nơi chúng tôi tạo tiêu đề này lần đầu tiên ở đây Vì vậy, chỉ cần sao chép tên tiêu đề chính Chúng tôi đã bắt đầu điều này mà không có tiêu đề này rồi Vì vậy, bạn chỉ cần thay đổi văn bản Được rồi, vì vậy hy vọng chúng ta nên có tiêu đề chính trong phần blog nó đây rồi blog của tôi Được rồi, vì vậy chúng tôi có tiêu đề chính Vì vậy, nó giống như phần blog Vì vậy, bây giờ, sau tiêu đề, tôi sẽ làm blog chấm Vì vậy, trong các blog, tôi sẽ làm các blog, đó là nơi tôi sẽ làm tất cả các blog Vì vậy trong các blog mình sẽ chấm không block từng blog riêng lẻ Vì vậy, blog là một mục tuyệt vời Tôi sẽ thực hiện sao chép phần này nhiều lần để tạo nhiều mục lưới Được rồi, vậy blog, tôi sẽ có một hình ảnh img Tôi sẽ nói blog một Được rồi, vì vậy bạn có thể đặt bất kỳ hình ảnh nào bạn muốn sử dụng Nên sau này mình sẽ làm blog chấm, text Và sau đó trong đó, tôi sẽ có một h4 Bạn có thể đặt bất kỳ văn bản nào bạn muốn, bất cứ thứ gì bạn muốn Và sau đó, chúng ta cũng sẽ có một đoạn văn với các văn bản ngẫu nhiên, như thế Được rồi, đó là phần blog, chúng ta chỉ cần bắt đầu phần này, không có gì nhiều, chúng ta chỉ cần bắt đầu phần này và sau đó chúng ta có thể chuyển sang phần tiếp theo Được rồi, vì vậy chúng ta chỉ cần đi đến phong cách và bắt đầu với các blog Vì vậy, danh mục đầu tư, danh mục đầu tư, và sau đó ở đây, sẽ chỉ làm phần blog Được rồi, vậy ở đây, chúng ta có thể làm dấu chấm, blog Vì vậy, blog sẽ là một màn hình lưới Vì vậy, đó là cha mẹ của từng blog riêng lẻ, lưới Vì vậy, ở đây, chúng ta sẽ có ba cột Vì vậy, những nội dung tiêu chuẩn mà chúng tôi đã làm trước đây và sau đó là từng blog riêng lẻ, chúng tôi sẽ có một tỷ lệ phần trăm tương đối Và sau đó màu nền sẽ là màu xám năm Và chúng ta sẽ cung cấp cho nó bán kính đường viền là 5 pixel để làm cho các góc được bo tròn, bạn biết đấy Và sau đó chúng ta sẽ tạo cho nó một bóng hộp, bạn có thể sử dụng biến hoặc bạn có thể sử dụng biến này Được rồi, một pixel, một pixel, một pixel trên Y, một pixel trên x và sau đó là 20 pixel để làm mờ Được rồi, và sau đó khi chúng tôi có mục blog này, chúng tôi muốn điều gì xảy ra? Và sau đó tôi sẽ tăng độ mờ của bóng hộp từ điểm một đến điểm ba Và sau đó, tôi cũng sẽ chuyển đổi cái này và sau đó dịch lý do tại sao tôi muốn blog tăng nhẹ Elevate, vì vậy âm 50 pixel, tôi muốn tăng âm 55 pixel Và sau đó tôi sẽ áp dụng quá trình chuyển đổi Vì vậy, cái mà chúng tôi đang sử dụng, và sau đó bên trong, bên trong cái đó, chúng tôi cũng sẽ nhắm mục tiêu hình ảnh Vì vậy, bộ lọc hình ảnh, bộ lọc, tôi sẽ làm thang độ xám, tôi sẽ làm không Được rồi, và sau đó phải làm gì biến đổi, dịch, trên thực tế, tỷ lệ học cách chia tỷ lệ hình ảnh Tôi muốn nó lớn hơn Vì vậy, từng cái một. 1 Vì vậy, tỷ lệ hình ảnh bình thường là một, vì vậy tôi muốn nó lớn hơn một chút theo điểm một Được rồi, vậy nó giống như 10 lớn hơn 10% Tôi không biết Ừ 10% Được rồi, vậy, và sau đó, chúng ta cũng sẽ tập võ sĩ quyền anh Chúng tôi sẽ làm một võ sĩ cho hình ảnh Vì vậy, võ sĩ chính nằm trên trục y, là bốn pixel Vì vậy, chúng tôi muốn hiển thị nhiều bóng trên trục Y Được chứ Vì vậy, bây giờ, hãy lưu lại, hãy xem những gì chúng ta có cho đến nay Khi tôi vào phần blog có vẻ như có trục trặc ở đâu đó Đúng, có một trục trặc tôi không biết chuyện gì đã xảy ra phích cắm Tôi làm mới cái này không hiểu sao nó bị lỗi Được rồi, phích cắm Đó là, đó là kỳ lạ Để tôi kiểm tra lại tên lớp Blog mục blog Rất tiếc, cộng với nội dung tôi không biết chuyện gì đang xảy ra Được chứ tôi nghĩ tôi biết chuyện gì đang xảy ra Quay lại Kiểm tra ID lớp học Vì vậy, các blog ID Lớp Ồ, tên lớp này trùng với tên lớp blog của chúng ta Vì vậy, hãy loại bỏ tên lớp này sai Chúng tôi sẽ không sử dụng nó Vì vậy, hãy thoát khỏi điều đó tôi không biết tại sao điều này Tên lớp này không ảnh hưởng đến điều đó danh mục đầu tư Điều Bạn có thể loại bỏ những tên lớp này Chúng tôi sẽ không sử dụng chúng Để xem có ảnh hưởng gì không Hãy tiết kiệm Đúng, không có gì bị ảnh hưởng Đúng, không có gì bị ảnh hưởng ở đây Được chứ Vâng, vì vậy chúng tôi đã không sử dụng những tên lớp ở đây Vì vậy, chỉ cần thoát khỏi chúng Tôi nghĩ rằng chúng tôi đang sử dụng điều này về tên lớp Vì vậy, hãy để điều đó cho bây giờ Nếu nó ảnh hưởng đến nó, hoặc nếu nó ảnh hưởng đến thứ gì đó, điều đó có nghĩa là chúng ta đang nâng cấp, chỉ cần loại bỏ nó Được rồi, vì vậy bây giờ, không trục trặc Vì vậy, nó đây Vì vậy, hình ảnh giống như bật ra khỏi mục lưới, giống như, bùm, bùm, nhưng chúng ta cần làm cho nó chuyển đổi mượt mà Vì vậy, để làm điều đó, chúng ta hãy quay trở lại phong cách Vì vậy, sau khi có hiệu ứng, sau khi chúng ta hoàn thành việc di chuột, bây giờ chúng ta cần tạo kiểu cho hình ảnh hoặc loại di chuột Vì vậy, tôi sẽ làm hình ảnh với 100% Và sau đó tôi sẽ làm chiều cao 300 pixel Và sau đó tôi sẽ làm đối tượng phù hợp Đối tượng phù hợp để che phủ và sau đó phải làm gì, tôi muốn cung cấp cho bạn các góc như trên cùng, trên cùng bên phải và trên cùng bên trái là một đường viền, bán kính trên cùng, trên cùng Bán kính viền, trên cùng bán kính Chà, bán kính trên cùng, trên cùng bên trái, vì vậy trên cùng bên trái sẽ là trên cùng bên trái của con rắn, chỉ cần cung cấp 5 pixel Và sau đó chúng ta sẽ thực hiện năm pixel trên cùng bên phải Vì vậy, hãy tiết kiệm, hãy xem những gì chúng ta có Vậy là xong, chúng ta có đường viền trên cùng, trên cùng bên phải và bên trái Vì vậy, nó đây Được rồi, vì vậy bây giờ chúng ta chỉ cần nói cho nó chuyển đổi và cung cấp cho bộ lọc Vì vậy, khi chúng ta có bộ lọc Chúng ta cần thực sự tác động đến bộ lọc ngay bây giờ, vì vậy tương lai của hiện tại Vì vậy, ở đây chúng tôi đã nói rằng bộ lọc thành 0 thang độ xám, sau đó anh ấy có khoảng một hoặc 2% và sau đó chuyển đổi để thực hiện chuyển đổi chậm từ từ Ối Được rồi, vì vậy nó sẽ chuyển đổi từ từ Vì vậy, nó là thang độ xám Được rồi, khi chúng ta có, nó sẽ đi đến một hoặc hai đến không Vì vậy, theo mặc định, thang độ xám là 1% Khi bạn có thang độ xám sẽ về 0, đó là màu đen và trắng mà bạn biết Được rồi, vì vậy hình ảnh giống như bật ra Được rồi, vì vậy sau hình ảnh, tôi sẽ làm blog drudge Chữ Vì vậy, đối với văn bản khối, tôi sẽ đặt cho nó một lề trên lề, thực ra là lề trên Vì vậy, đối với phần trên cùng của lề, tôi sẽ trừ bảy pixel Vì vậy, bạn có thể thử với giá trị này, chúng tôi có thể cố gắng tìm bất kỳ giá trị nào bạn thấy phù hợp Nhưng đối với cái này, tôi ổn, như bảy pixel trừ bảy pixel là một giá trị tốt Và sau đó tôi sẽ thực hiện phần đệm trên và dưới sẽ là 1. 1 REM Trên thực tế, đệm, không có trên và dưới xung quanh mọi thứ Vì vậy, tôi muốn chặn phần đệm kết cấu trong khoảng 4. 1 ram Hãy để tôi chỉ cho bạn những gì tôi có ý nghĩa Như bạn có thể thấy ở đây, có khoảng cách xung quanh văn bản Vì vậy, đó là phần đệm 1. 1 ram Được rồi, ra là vậy Vì vậy, bây giờ chúng ta hãy, tôi sẽ làm một đường viền Đỉnh viền Được chứ Vì vậy, tôi sẽ làm nhưng một cái đầu như thế này, nó pixel Được rồi, vậy đó là biên giới Vì vậy, bất cứ khi nào đường viền bị che phủ, bởi vì đó là hiệu ứng mà chúng tôi đang tìm kiếm Và sau đó giống như một cái bóng đẹp Được rồi, có vẻ như khi tôi có quá nhiều bóng trên trục x, tôi có thể muốn loại bỏ nó hộp bóng X, Y bốn pixel Vì vậy, trên X, tôi sẽ đặt thành 0 trên trục x hoặc bất kỳ thứ gì trên X Được rồi, vì bạn không thực hiện bất kỳ thay đổi nào, nhưng bạn luôn có thể giảm độ mờ Có lẽ đến 15 Được rồi, vậy chúng ta có thể làm mờ đến 15 Yeah, tôi nghĩ nó có vẻ tốt Vì vậy, bây giờ chúng ta hãy nói với văn bản Được rồi, vì vậy bây giờ trong khối, khối văn bản và chúng tôi được gắn với h4 Tôi sẽ thay đổi phông chữ và màu sắc Vì vậy, phông chữ và sau đó khi chúng ta có khi chúng ta có Tôi sẽ đặt màu thành màu xanh lá cây Vì vậy, nó chỉ là màu, màu phụ Được rồi, như vậy Và sau đó là đoạn văn sau cạnh cho một số tiền, tôi cũng sẽ thiết lập màu sắc Tô màu thành màu xám, màu xám cũng vậy, sau đó cho chiều cao của dòng Vì vậy, khoảng cách của các dòng tới RAM Và sau đó chúng tôi cũng sẽ thực hiện phần đệm dưới cùng của RAM Vì vậy, chỉ để cung cấp cho nó một chút khoảng cách Vì vậy, bây giờ chúng ta hãy tiết kiệm Được rồi, đó là mục blog của chúng tôi, nó được tạo kiểu đầy đủ Vì vậy, những gì chúng tôi làm, tất cả những gì chúng tôi cần làm bây giờ chỉ là điền vào các mục blog Được chứ Vì vậy, để làm điều đó chúng tôi đã làm điều này mãi mãi Vì vậy, chúng tôi chỉ cần lấy mục lưới này và điền mục này nhiều lần vào bất kỳ số lượng blog nào mà bạn đang tìm kiếm Trong trường hợp này, tôi sẽ đặt chúng nhiều lần và thay đổi các giá trị và hình ảnh thành bất kỳ giá trị nào phù hợp với nhu cầu của bạn Vì vậy, chỉ cần điền thông tin này nhiều lần và thay đổi xung quanh các giá trị Được chứ Và sau đó tôi sẽ đưa ra những giá trị của riêng mình, tôi không lãng phí thời gian của bạn để làm điều này trên màn hình Vì vậy, tôi đã làm điều đó bây giờ nó đây rồi Vì vậy, bây giờ tôi có nội dung khác nhau cho các mục blog Được rồi, vâng, đó là nó cho blog Hãy để tôi bây giờ chúng ta hãy chuyển sang danh bạ Phần liên hệ cũng vậy, chúng ta sẽ có hai phần trái và phải, vì chúng ta sẽ thực hiện một số thao tác nhập Được chứ Vì vậy, đối với phần liên hệ, đi xuống đây Và sau đó chúng ta sẽ làm tiêu đề Vì vậy, chúng tôi sẽ đặt tiêu đề, như thường lệ, nhưng trước tiên tôi sẽ thực hiện bộ chứa danh bạ DOJ Và sau đó tôi sẽ dán vào tiêu đề Vì vậy, tiêu đề sẽ được liên hệ Nếu bạn vẫn chưa biết thì chúng tôi đã tạo tiêu đề này ngay từ đầu trong tiêu đề, vì vậy chúng tôi chỉ sử dụng lại thành phần tiêu đề đó nhiều lần và chỉ thay đổi các giá trị Được rồi, vậy và sau đó tôi sẽ thực hiện các dấu chấm, liên hệ, nội dung liên hệ, vùng chứa, vùng chứa nội dung liên hệ Được rồi, vì vậy chúng ta sẽ chỉ có các liên hệ bên trái, sau đó chúng ta sẽ có các liên hệ bên trái và bên phải Danh bạ trái và phải trái cái này đúng Liên lạc Được chứ Vì vậy, hãy bắt đầu với các liên hệ bên trái Được rồi, vì vậy các liên hệ bên trái, chúng ta sẽ có một h4 trong đoạn đầu tiên Vậy h4 trong đoạn Vì vậy, h4 nói liên hệ với tôi ở đây và đoạn văn chỉ là một đoạn văn ngẫu nhiên Được rồi, và bên dưới đó, chúng ta sẽ có một mã div khác, thông tin liên hệ chấm Vì vậy, trong thông tin liên hệ sẽ có một số biểu tượng, rất nhiều biểu tượng dành cho thông tin liên hệ Được rồi, vì vậy tôi sẽ nói, hãy chạm vào Danh bạ Mục Được chứ Và sau đó ở đó, chúng ta sẽ có một biểu tượng, biểu tượng dấu chấm, mục hành vi, và sau đó chúng ta sẽ có một biểu tượng thực sự Vì vậy, ở đây, tôi cần biểu tượng vị trí Và bên dưới vị trí, tôi sẽ nói vị trí Được rồi, tôi sẽ tiết kiệm để xem chúng ta có gì Vì vậy, khi tôi đi, nó nói vị trí, hãy xem có một mục vị trí ở đây biểu tượng Ý tôi là có một biểu tượng mục vị trí, trước văn bản vị trí, được thôi, vì vậy tôi muốn có nhiều biểu tượng và văn bản bên cạnh nó Được rồi, để làm điều đó, chúng ta chỉ cần sao chép liên hệ đó hoặc nhiều lần và thay đổi xung quanh các biểu tượng Được chứ Vì vậy, trong trường hợp này, thực sự sau biểu tượng và khi đến đoạn văn của bạn Và khi tôi nói London, Vương quốc Anh Được rồi, vì vậy chúng tôi vẫn ở trong mục hợp đồng Vì vậy, chúng tôi chỉ cần sao chép mục hợp đồng nhiều lần Được rồi, để chúng tôi có nhiều mặt hàng Được rồi, vì vậy tôi sẽ dán vào một số mục nội dung, tôi không muốn lãng phí thời gian của bạn để thực hiện các mục hành vi này trên màn hình Vì vậy, hãy tiến hành mục đó trong nhiều lần thay đổi các biểu tượng và thay đổi thông tin thành bất cứ thứ gì bạn muốn Vì vậy, nó đây Vì vậy, đây là những biểu tượng mà tôi đang sử dụng Được rồi, vì vậy chúng tôi đã làm điều đó Vì vậy, bây giờ chúng ta hãy bắt đầu thực hiện các phong cách Tôi sẽ nói phần liên hệ liên hệ Được rồi, vậy hãy bắt đầu liên lạc Vì vậy, đối với liên hệ, chúng tôi sẽ hiển thị flex, dấu chấm, chứa nội dung liên hệ Được rồi, vậy chúng ta sẽ thực hiện flex hiển thị khi mọi thứ sẽ ở cạnh nhau Một lần nữa, đệm top 3. 5 3. 5 Được rồi, sau đó chúng ta, đầu tiên chúng ta sẽ nhắm mục tiêu nội dung bên trái Vì vậy, những người chết để lại danh bạ, thực sự Liên lạc Vì vậy, đối với các tiếp điểm bên trái, tôi sẽ uốn cong, tôi muốn nó nhỏ hơn bên phải Vì vậy, đúng, tôi sẽ đặt flex đó thành một để làm cho nó bao phủ không gian chính Vì vậy, bây giờ cái này nhỏ hơn, đó là vì tôi chưa đặt nội dung trên cái kia Vì vậy, đó là lý do tại sao nó trông kỳ lạ vào lúc này Được rồi, vậy bây giờ hãy để tôi đưa nội dung lên trước Vì vậy, để chúng tôi xem mọi thứ đang tiến triển như thế nào, hãy để tôi đặt tất cả nội dung, tất cả nội dung mà chúng tôi cần Được rồi, vậy bên dưới mục tiến hành ở đây Sau đó, sau thông tin liên hệ sau thông tin liên hệ, tôi sẽ đặt một div khác Vì vậy, cái này sẽ là danh bạ Liên lạc Liên hệ, Biểu tượng Vì vậy, một khi bạn đã thích một số biểu tượng sẽ dẫn đến mạng xã hội với mạng xã hội, được rồi, vì vậy ở đây, tôi sẽ nói, liên hệ dấu chấm biểu tượng Đây là biểu tượng liên hệ Và cái này là liên hệ với biểu tượng, được rồi, như thế Và sau đó chúng tôi sẽ tạo một thẻ neo sẽ dẫn chúng tôi đến bất kỳ nền tảng nào WWE dot face book facebook. com tùy thuộc vào nơi bạn muốn đến chỉ cần đặt một liên kết ở đó Được rồi, và sau đó ở đây, tôi sẽ dán vào liên kết Facebook của bạn Và sau đó đảm bảo rằng bạn đặt mục tiêu thành trống nếu muốn mở mục tiêu đó sang một tab mới mục tiêu để trống Được rồi, vậy đó là biểu tượng cho Facebook Tôi sẽ dán vào phần còn lại của các mục Được rồi, vì vậy chúng tôi có Twitter và những thứ khác Được rồi, đó là cho phía bên trái Vì vậy, chúng ta chỉ cần đi về phía bên phải Vì vậy, phía bên phải sẽ có một hình thức giống như Khi tôi nói hình thức, hướng tới tiếp xúc, hình thức tiếp xúc hình thức như thế Được rồi, vậy ở đây, chúng ta sẽ có một số thông tin đầu vào Và bất cứ khi nào div gọi điều khiển đầu vào, hãy chấm đầu vào, điều khiển, được, như thế Và sau đó chúng ta sẽ có hai đầu vào Cái đầu tiên là văn bản đầu vào, và sau đó chúng ta sẽ được yêu cầu bắt buộc và sau đó giữ chỗ cho một trình giữ chỗ sẽ giống như tên của bạn Được rồi, vì vậy chúng tôi cũng sẽ thực hiện một đầu vào khác Theo thứ tự, chúng ta chỉ có thể sao chép cái mà chúng ta có Và một cái khác sẽ là email Email của bạn Được rồi, như vậy Vì vậy, bây giờ chúng ta chỉ cần sao chép điều khiển đầu vào này một lần nữa Thật ra, không một lần nào nữa Ở đây, tôi sẽ thoát khỏi email Ở đây mình chỉ nói Trong các môn loại phụ, mình không biết nhập môn, môn học, môn học, đại loại thế Và sau đó tôi cũng sẽ kiểm soát đầu vào Và cái này sẽ là vùng văn bản, vùng văn bản Và sau đó bạn có thể để trống tên nếu bạn muốn Và sau đó là các cột, tôi sẽ thực hiện 15 và sau đó là 8 hàng như vậy Được rồi, như vậy là khá nhiều, chúng ta chỉ cần nút, nút mà chúng ta đã tạo trước đó Và khi tôi đặt nó vào a, tôi sẽ nhập mã lớp dot gửi btn Tôi sẽ chỉ dán vào nút mà chúng ta đã tạo trước đó Vì vậy, nó được gọi là nút chính, chúng tôi đã hoàn thành việc tạo nút của mình trước khi truy cập nhiều lần Tôi sẽ lưu cái này để xem những gì chúng ta phải nhập vào Được rồi, vậy chúng ta đi nào Đó là lý do tại sao chúng tôi có như vậy bây giờ chúng tôi chỉ cần bắt đầu với việc tạo kiểu cho công cụ này Vì vậy, đi đến các phong cách Được rồi, vậy hãy để lại danh bạ Bạn chấm ở đâu? Được rồi, vậy hãy liên hệ ngay Và sau đó ở bên phải, tôi sẽ nói linh hoạt, ba Vì vậy, cái này uốn cong hai, và cái này uốn cong ba Vì vậy, có bạn đi Vì vậy, điều này chiếm nhiều không gian hơn Được rồi, uốn cong ba, và sau đó ký quỹ Còn lại sẽ là một cái gì đó giống như ba RAM Được rồi, và sau đây tôi sẽ nhập dữ liệu Kiểm soát Kiểm soát lớp kiểm soát đầu vào Được rồi, tôi sẽ tạo lề, lề trên và dưới sẽ là 1. 5 REM chữ không Và sau đó tôi sẽ nhắm mục tiêu các đầu vào bên trong Okay Và làm bán kính đường viền cho các pixel Và sau đó tôi sẽ làm trọng lượng phông chữ trọng lượng phông chữ kế thừa họ phông chữ Eretz một cỡ Kế thừa, được rồi, và sau đó tôi sẽ làm một phần đệm, trên và dưới sẽ là điểm tám RAM Trái và phải sẽ là một điểm trong khi RAM, bạn có thể thay đổi các giá trị này để đặt các giá trị mà bạn muốn Đường viền, sẽ không có đường viền nào Biên giới, tôi cũng sẽ không đưa nó cho ai cả Nhưng nếu không có, thì chúng ta chỉ cần làm một màu nền và chiều rộng của một đại diện cho màu nền và màu trắng Và sau đó thay đổi kích thước thành không Bởi vì chúng tôi không muốn biểu mẫu và kết cấu bị thay đổi kích thước Vì vậy, tôi sẽ đặt dấu phẩy và sau đó đặt cả vùng văn bản trên vùng văn bản để điều này cho chúng tôi biết Ồ, tôi sẽ lưu, lưu mọi thứ Hãy xem những gì chúng ta có Vì vậy, nó đây Được rồi, nhưng tôi muốn tên và email của bạn ở cạnh nhau Được rồi, vì vậy tôi muốn những thứ này nằm cạnh nhau Vì vậy, để làm điều đó, tôi sẽ cung cấp cho điều khiển đầu vào cái này, một lớp khác gọi là điều khiển đầu vào Thực ra mình chỉ làm như thế này hai điều khiển đầu vào Được rồi, vậy điều khiển đầu vào thứ hai sau điều khiển đầu vào Đó là nơi tôi sẽ nói rằng khi nào thì hiển thị, uốn cong, được rồi, và sau đó tôi sẽ nói con cuối cùng, đầu vào cuối cùng, đầu vào cuối cùng, tôi sẽ để lại cho nó một lề lề trái của 1. 5 từ đứa trẻ cuối cùng Được rồi, chúng ta hãy đi và xem những gì chúng ta có nó đây rồi Vì vậy, con cuối cùng, con này sẽ có một lề còn lại là 1. 5 Vì vậy, mọi thứ trông giống như thế này Được rồi, vì vậy chúng tôi thực sự có thể tăng độ đậm của phông chữ này hoặc văn bản này lên khoảng 500 để dày hơn hoặc bạn có thể để nó như thế này Đó là tùy thuộc vào bạn những gì bạn muốn Được rồi, ồ, bạn cũng có thể nhập vùng văn bản, bạn có thể nói, tin nhắn giữ chỗ ở đây như thế này Và sau đó bạn có thể có một trình giữ chỗ đẹp ở mọi nơi nếu bạn muốn như thế này, bạn có thể thực hiện một tin nhắn ở đây như thế Được rồi, ra là vậy Bây giờ là nút, chúng ta chỉ cần căn giữa nút Vậy để làm cái nút sau cái after đó sau khi điều khiển nhập liệu thì bạn có thể làm cái dot submit BTN Vì vậy, chỉ hiển thị flex, hiển thị flex, chỉ cho nội dung flex Được rồi, chúng ta hãy quay lại, có một nút đang hiển thị rất đẹp Vì vậy, bây giờ chúng ta chỉ cần làm phía bên trái Được rồi, vậy hãy tiếp tục sang phía bên trái, phần này chỉ tạo kiểu cho văn bản và mọi thứ Vì vậy, phía bên trái, chúng ta lấy một số mục ngữ cảnh ở đâu Được rồi, vì vậy chúng tôi đang thực hiện flex hai cho bên trái, và sau đó khi tôi chuyển đổi h4 Vì vậy, đối với lề trên h4, tôi sẽ thực hiện một ram, cỡ chữ cho RAM Và sau đó tôi sẽ thực hiện chuyển đổi văn bản, chuyển đổi thành chữ hoa Được rồi, sau đó, tôi sẽ chuyển đổi đoạn văn, tôi sẽ đặt lề trên và dưới cho một dòng REM Lanre có chiều cao là hai REM, chúng ta đã đọc phần này, lẽ ra chúng ta nên làm điều đó thành toàn cầu Cứ đi đi Và chúng tôi sẽ làm hai để liên lạc Thông tin Vì vậy, trong thông tin liên hệ, chúng tôi có một mục liên hệ Mục danh bạ đó nếu bạn nhớ tên các lớp thì chỉ cần hiển thị là được Flex đã không căn chỉnh các mục để căn giữa, căn chỉnh không gian nội dung giữa việc thay thế chúng không gian giữa chúng ta hãy xem những gì chúng ta có Vì vậy, đó là khoảng cách giữa Được rồi, vậy bây giờ chúng ta chỉ cần nhắm mục tiêu đoạn văn bên trong trích dẫn có p lề lề, trên và dưới là 1. 3 Và sau đó không trái và phải và sau đó chúng tôi sẽ ghi đè lên cái hiện có, sử dụng điều quan trọng là được, sau đó chúng tôi sẽ thực hiện phần đệm trên và dưới Phần đệm trên và dưới sẽ bằng 0 và viết bên trái thực sự đệm mọi thứ Chỉ cần đệm xung quanh mọi thứ để đặt lại về 0 Và sau đó chúng tôi ghi đè lên từ khóa quan trọng Được rồi, vậy bây giờ mọi thứ chúng ta có lề ba điểm, trên và dưới Được rồi cho mỗi mục, vì vậy giống như một top 3. 3 ram Mọi thứ trông thật đẹp Bây giờ chúng ta chỉ cần bắt đầu các biểu tượng Được chứ Vì vậy, sau đoạn văn, tôi sẽ nói biểu tượng dấu chấm Được rồi, đối với biểu tượng, tôi sẽ nói, tôi sẽ đặt chúng trong một lưới, lưới hiển thị, lưới hiển thị, và sau đó trong các cột mẫu lưới, tôi sẽ đặt nó vào một Được rồi, nó không hiển thị tại sao vì tôi sẽ sử dụng lưới rồi Vì vậy, tôi sẽ chỉ cho bạn thấy tại sao các cột mẫu lưới, tôi sẽ nói 40 pixel cho cột đầu tiên và sau đó là 1 fr cho cột thứ hai, đây là nơi chứa văn bản để sửa biểu tượng Được chứ Và sau đó tôi sẽ quay trở lại Vì vậy, lý do tôi tạo lưới là vì tôi muốn các mục văn bản này thẳng hàng với nhau Vì vậy, nếu đó là một lưới sẽ đảm bảo rằng chúng được căn chỉnh Vì vậy, khi tôi kiểm tra cái này, như bạn có thể thấy, cái này là một mục dạng lưới Được rồi, vì vậy mỗi mục lưới, mỗi mục sẽ có cột đầu tiên của lưới sẽ là Với các pixel, bất kể các mục lưới này là gì, mỗi mục sẽ có một cột, cột đầu tiên gồm 40 pixel Vì vậy, họ sẽ có những không gian bằng nhau và họ sẽ sống, họ sẽ ở trên cùng một đường thẳng, như thế Vậy nên bạn đưa ra một ý kiến Và sau đó là biểu tượng số hai, con mắt, biểu tượng bên trong đó, tôi sẽ nói Hiển thị, uốn cong, sau đó căn chỉnh các mục, căn giữa Và sau đó tôi sẽ làm kích thước phông chữ, kích thước phông chữ, tôi sẽ thay đổi nó thành một cái gì đó giống như đoạn đường nối thành phần Được rồi, vậy là xong Vì vậy, bây giờ các biểu tượng lớn hơn nhiều Vì vậy, bây giờ chúng ta chỉ cần thực hiện các biểu tượng này ở đây Và sau đó chúng tôi đã hoàn thành cho trang liên hệ Được rồi, vì vậy hãy viết nội dung, liên hệ, thông tin liên hệ Vậy thông tin liên lạc Sau thông tin liên hệ, chúng ta cần thực hiện biểu tượng liên hệ chấm biểu tượng liên hệ Vì vậy, nếu bạn quên biết đó là gì, là biểu tượng liên hệ No ở đâu? Vì vậy, nó là vùng chứa này ở đây, vùng chứa biểu tượng liên hệ ở đây Vì vậy, đó là những gì chúng ta đang làm bây giờ Được rồi, vì vậy bây giờ chúng tôi đang thực hiện biểu tượng liên hệ vùng chứa này Vì vậy, chúng tôi sẽ thực hiện hiển thị, uốn cong, hiển thị uốn cong, và sau đó tôi sẽ thực hiện đặt lề trên cùng Vì vậy, đối với lề trên cùng sẽ giống như ram và sau đó chúng tôi sẽ nhắm mục tiêu thẻ neo trong đó, thẻ này sẽ đưa chúng tôi đến các trang web bên ngoài, tôi sẽ thực hiện flex hiển thị và tô màu cho nó Và sau đó để đảm bảo nó được làm tròn, chúng ta đã thực hiện chiều rộng và chiều cao này phải bằng nhau Và bán kính đường viền viền thành 50% Được rồi, vậy, tôi sẽ thực hiện lề trên và dưới 0, trên và dưới, điểm cho RAM trái và phải Được rồi, và sau đó chúng ta sẽ thực hiện quá trình chuyển đổi, điều mà chúng ta đã và đang thực hiện Được rồi, và sau đó trên nửa Khi chúng tôi có cái này, chúng tôi chỉ muốn thay đổi màu nền Và đối với biểu tượng, vì vậy chúng tôi chỉ muốn thay đổi màu thành màu chính Được rồi, sau khi di chuột, nói chung, không phải trong khi di chuột, chúng ta sẽ bắt đầu biểu tượng con mắt, chúng ta sẽ hiển thị flex, căn chỉnh các mục, căn giữa, căn chỉnh kích thước phông chữ trung tâm nội dung 1. 3 ram Được rồi, vì vậy bây giờ nó ở đó Vì vậy, bây giờ chúng tôi có một hình ảnh động đẹp Vâng, đó là, điều này kết thúc, trang web của chúng tôi Bây giờ chúng ta chỉ cần làm việc với chủ đề tối, chế độ sáng và tối Và sau đó chúng tôi đã hoàn thành Được rồi, vậy bây giờ tôi sẽ chuyển sang phần HTML Và tôi sẽ đặt giống như sau các điều khiển, tôi sẽ làm dấu chấm, tôi sẽ nói chủ đề BTN Ở đây, tôi sẽ đặt một, một biểu tượng để hai người chuyển đổi chế độ sáng và tối ở chế độ tối Được rồi, vậy chủ đề BTN Vì vậy, tôi chỉ cần tạo kiểu đó Và sau đó chúng tôi đã hoàn thành Chúng ta chỉ cần bắt đầu chủ đề BTN Được chứ Vì vậy, điều khiển Được rồi, vậy sau phần điều khiển, tôi sẽ chạm vào chủ đề BTN Vì vậy, ở đây, tôi sẽ thực hiện phần đệm, một ram, sau đó trỏ tới con trỏ Và sau đó là nền Chiều rộng và chiều cao phải giống nhau để chúng tôi làm tròn chúng Vì vậy, tôi muốn nút được làm tròn Được rồi, như vậy Và sau đó hiển thị Linh hoạt một để gửi mọi thứ bằng linh hoạt để bạn biết rằng những gì đã có và sau đó ký quỹ Trên cùng và dưới cùng sẽ là điểm bảy rem và sau đó là 0 trái và phải Cơ sẽ dán vào hộp bóng Bạn có thể đặt cái này vào một biến để bạn không phải làm điều này Và sau đó tôi sẽ chuyển mắt Nó chỉ thay đổi lực và màu sắc đang đặt các sự kiện con trỏ thành không Vì vậy, chúng tôi không nhấp vào nó Được rồi, vâng, ý tôi là, bạn biết tôi đã làm gì Hãy xem những gì chúng ta có, ồ, nó không tồn tại, bởi vì tôi đã đối phó với những phong cách sai lầm Xin lỗi, là tại tôi, là lỗi của tôi, là lỗi của tôi, tôi nhìn nhầm yếu tố, tôi sẽ lọt top 5% Đúng 3% Và sau đó tôi sẽ làm với 70 pixel Giống như chiều cao Vậy khi nào để đảm bảo cái này được làm tròn, chiều cao ổn, và sau đó chúng ta sẽ thực hiện bán kính đường viền 50% Vì vậy, nó sẽ được làm tròn, sau đó tôi sẽ đặt màu nền và đặt cho nó một vị trí cố định rồi căn giữa, căn giữa bằng Flex Được rồi, như vậy Vì vậy, vị trí con trỏ con trỏ hoặc cố định Vì vậy, bây giờ nó sẽ ở đây trên cùng, phải không? Vì vậy, giống như những gì chúng tôi đã làm trong chuyển đổi văn bản Được rồi, vậy là xong Vì vậy, tôi sẽ làm gì khi hoạt động Vì vậy, khi tôi nhấp vào Điều gì sẽ không xảy ra khi tôi nhấp vào nút Vì vậy, tôi sẽ làm chuyển đổi Và sau đó tôi sẽ dịch trên Y Vì vậy, tôi sẽ làm như trừ năm bản sửa lỗi Và sau đó là điểm một giây, đảm bảo rằng nó rất thấp, không cao Vì vậy, nếu bạn đặt giá trị quá cao, bạn sẽ không thấy hiệu quả Vì vậy, ví dụ, hãy để tôi nói điểm, năm 5. 6 pixel, không phải 6 pixel, giây, điểm sáu giây, khi tôi nhấp vào, bạn sẽ không thấy hiệu ứng Nhưng khi mình giữ thì mất điểm like, mất nhiều thời gian làm hiệu ứng bạn phải giữ nhưng để mặc định là like nhanh khi click Vì vậy, đó là lý do tại sao tôi đang sử dụng điểm một giây để đảm bảo rằng bạn có thể thấy hiệu ứng khi nhấp chuột Vì vậy, khi tôi nhấp vào như bạn có thể thấy, giống như nút giống như di chuyển Hoặc bạn có thể giảm cái này mà không phải chiều rộng, ý tôi là, chiều cao của bản dịch thành âm ba Vì vậy, khi bạn nhấp vào, nó giống như, bạn biết đấy, dịch, được, vậy đó Vì vậy, bây giờ chúng ta chỉ cần làm biểu tượng Vì vậy, biểu tượng chỉ thay đổi kích thước phông chữ và màu sắc Điểm chắc chắn của nhạc cụ Được rồi, vậy là xong Vì vậy, bây giờ chúng ta chỉ cần làm việc trên chuyển đổi Vì vậy, nó sẽ thực sự nhanh chóng, chúng ta chỉ cần truy cập JavaScript JavaScript sau khi phiên hoạt động, chúng ta có thể nói chuyển đổi chủ đề Chuyển đổi chủ đề Và ở đây chúng ta sẽ nói chủ đề lớp btn bằng tài liệu Tài liệu Bộ chọn truy vấn dấu chấm bộ chọn truy vấn Và sau đây, chúng ta sẽ làm chủ đề chấm BTN Đó là tên lớp chúng tôi đã đặt cho Vì vậy, ở đây, tôi muốn nói nút điều chỉnh, tôi sẽ thêm một trình lắng nghe sự kiện thêm trình xử lý sự kiện và sau đó nó sẽ lắng nghe nhấp chuột Và sau đó nó sẽ nhận chức năng gọi lại Đừng lo lắng, chúng ta có thể thực hiện chức năng mũi tên Bây giờ bởi vì chúng tôi đang sử dụng từ khóa này Bây giờ tôi sẽ nói hãy căn chỉnh, sau đó tôi sẽ nói tài liệu, phần tử sẽ là phần thân được ghi lại, phần thân Được chứ? Và sau đó, ở đây, tôi sẽ chuyển đổi phần tử lớp, đó là danh sách lớp cơ thể dấu chấm Chuyển đổi dấu chấm Trên Nhấp chuột, được rồi, vì vậy chúng ta chỉ nói về một lần nhấp chuột, tôi sẽ đặt một lớp có tên là chế độ ánh sáng Được rồi, vì vậy khi tôi nhấp vào đó, nó sẽ bật và tắt lớp này, bật và tắt, bật và tắt Vì vậy, bây giờ, hãy để tôi tiết kiệm Vì vậy, hãy để tôi kiểm tra điều này Vì vậy, hãy coi chừng yếu tố cơ thể Vì vậy, nội dung ở đây, vì vậy chúng tôi giống như chọn phần tử nội dung trong JavaScript Vì vậy, bây giờ khi tôi nhấp vào đây là bật đèn lớp học Đó là chỉnh sửa lớp và xóa lớp thêm và xóa lớp Được rồi, vậy bây giờ chúng ta chỉ cần thiết lập lớp chế độ ánh sáng Vì vậy, đối với chế độ ánh sáng, tôi sẽ chuyển sang tất cả các ứng dụng mà tôi muốn nghe, tôi sẽ chuyển sang chế độ ánh sáng, đó là tên lớp mà chúng ta đang nói Tôi sẽ sao chép tất cả các màu này ở đây Được rồi, và sau đó tôi sẽ dán chúng xuống đây Được rồi, vì vậy, đối với chế độ ánh sáng, bạn chỉ cần hoán đổi các màu bạn đã sử dụng, ví dụ: đối với nền, tôi đã sử dụng màu tối ở đây Vì vậy, không thay đổi tên biến, chỉ cần thay đổi thuộc tính Vì vậy, tôi sẽ thay đổi nó từ màu đen Rất tiếc, màu trắng Được rồi, như thế, và sau đó lưu lại, khi tôi nhấp vào nền sẽ chuyển sang màu trắng Được rồi, vậy là trên lớp chế độ ánh sáng này Được rồi, vì vậy bạn chỉ cần thay đổi giá trị của các biến thành những thứ khác nhau, chỉ cần trộn chúng xung quanh Được rồi, đối với tôi, tôi sẽ sử dụng màu trắng làm nền chính Và đối với màu phụ, tôi đang sử dụng một màu khác, giống như màu hồng Được rồi, cho thứ cấp Vì vậy, khi tôi bật đèn, nó sẽ chuyển sang màu này, màu hồng Được rồi, mọi màu phụ sẽ chuyển sang màu hồng này Được rồi, vậy chúng ta hãy tiếp tục Tôi cũng cần thay đổi màu văn bản, màu trắng Vì vậy, đối với màu trắng, hãy nghĩ rằng tôi đang sử dụng một số màu xám Màu trắng, tôi sẽ dán cái này cho màu trắng, tôi thực sự đang sử dụng lòng biết ơn Rất biết ơn Đó là nơi bạn sẽ đặt màu trắng Được rồi, vì vậy điều này là tuyệt vời cho bây giờ Như vậy chỉ là tên biến vẫn được sử dụng, còn bạn chỉ cần thay đổi giá trị của nó là được Được chứ Vâng, để tôi xem nếu chúng ta cần thay đổi bất cứ điều gì khác Được rồi, vậy hãy để tôi đi đến các thành phần khác Được rồi, vậy, vâng, chúng ta có thể cần phải thay đổi một số màu sắc Bạn biết đấy, thay vì tôi đi theo cách này, thay đổi từng màu một, tôi sẽ sao chép, dán những màu mà tôi thấy phù hợp với mình, bạn có thể thay đổi những màu này thành bất kỳ màu nào bạn muốn Vì vậy, bạn chỉ cần trộn chúng xung quanh Đừng thay đổi tên biến, bởi vì chúng tôi đã sử dụng các biến này vì một lý do Vì vậy chúng ta chỉ cần thay đổi giá trị của biến trên một chế độ màu khác Được rồi, vậy trong trường hợp này, màu sắc phù hợp với tôi là màu này, cách phối màu điều thực sự làm việc cho tôi rất tốt Bạn có thể, bạn biết đấy, sử dụng một bảng màu khác mà bạn muốn Nó thực sự tùy thuộc vào bạn Nhưng cái này thực sự hoàn hảo đối với tôi Được rồi, mọi thứ đều ổn Vâng, ý tôi là, dự án này không phản hồi Tôi không có thời gian để làm cho nó đáp ứng Đây là lần duy nhất tôi phải làm video Nhưng tôi Nó phụ thuộc vào số lượng người đã yêu cầu trong phần bình luận Nếu bạn muốn tôi nếu bạn muốn thấy tôi làm những công việc đáp ứng bạn có thể? Và sau đó tôi sẽ cân nhắc làm một video về nó hoặc xem có bao nhiêu người đã yêu cầu Vâng, nếu bạn có bất kỳ câu hỏi hoặc bất cứ điều gì Đừng quên hỏi tôi trong phần bình luận hoặc bạn có thể gửi email cho tôi Vâng, đó là nó Xin đừng quên thích, đăng ký nếu bạn là ngôi nhà mới của bạn trong phần tiếp theo Được rồi, vậy bây giờ chúng ta hãy làm việc với các truy vấn phương tiện Hãy cố gắng làm cho trang web này đáp ứng Như bạn có thể thấy nơi chúng tôi dừng lại, trang web hoàn toàn không phản hồi Được rồi, vì vậy chúng tôi chỉ muốn cố gắng làm cho nó thích ứng với bất kỳ chiều rộng nào mà chúng tôi đang sử dụng Tôi thực sự đang sử dụng một dự án khác, nhưng mọi thứ sẽ giống nhau Mọi thứ đều giống nhau các lớp học mọi thứ đều giống nhau Nó chỉ là một tên thư mục khác nhau Được rồi, bây giờ chúng ta hãy đi vào các phong cách và tạo một phong cách mới Sau đó đặt, nó sẽ là một phần SASS để tạo một phần, chúng ta sẽ sử dụng dấu gạch dưới và sau đó tôi sẽ nói phương tiện và sau đó chấm CSS Vì vậy, đây là một tệp, tệp này sẽ chịu trách nhiệm cho các truy vấn phương tiện Vì vậy, tôi đã xem xét công việc trên màn hình nơi tôi cần thực hiện một số điểm dừng Nhưng nếu tôi chưa làm điều đó, bạn sẽ phải tìm các điểm dừng mà trang web của bạn sẽ bắt đầu phá vỡ Vì vậy, tôi sẽ bắt đầu với một màn hình nhỏ hơn Tôi sẽ bắt đầu với 600 pixel Vì vậy, tôi sẽ làm ở màn hình phương tiện và màn hình phương tiện, màn hình, rồi kết thúc Và sau đó tôi muốn nói chiều rộng tối đa, chiều rộng tối đa tối đa Vì vậy, chiều rộng tối đa cho cái này, tôi muốn đặt nó là 600 pixel Được rồi, vì vậy hãy đảm bảo khoảng cách ở đây là chính xác Vì vậy, nếu chúng ta làm như thế này, nó sẽ không hoạt động Vì vậy, khoảng cách phải chính xác giống như tôi đã thực hiện Vì vậy hãy chắc chắn rằng mọi thứ đều chính xác Được rồi, tôi sẽ bắt đầu với tiêu đề Hãy xem trong tiêu đề Vì vậy, ở 600 pixel, nó là 600 Vì vậy, đây là kích thước 600 Tôi muốn có phần đệm bằng không Được rồi, như bạn có thể thấy, có rất nhiều phần đệm Nếu tôi kiểm tra trong Kiểu, nó sẽ được đệm ở đâu đó Vì vậy, phần đệm này, phải không? Được rồi, vậy đó phải là Vâng, vì vậy tôi sẽ đặt mọi phần đệm ở đây thành 0 Vì vậy, tôi sẽ nói tiêu đề Tôi sẽ đặt phần đệm thành 0 Được chứ Ngoài ra, một điều nữa là, để chúng tôi sử dụng các truy vấn phương tiện này, chúng tôi cần nhập tệp này Vì vậy, hãy tiến hành nhập một phần, chỉ cần thực hiện lúc nhập Và sau đó tôi sẽ nói phương tiện truyền thông Được rồi, vì vậy bạn cần bao gồm phần mở rộng tệp vì Sassari biết nó là gì, nó là một phần mở rộng đặc biệt Vì vậy, bạn không cần bao gồm phần mở rộng ở đây Khi tôi lưu và tôi sẽ làm mới, không có gì hoạt động Bởi vì đối với tôi, các hợp âm để hoạt động, luôn luôn phải luôn luôn ở dưới cùng của mọi thứ phải ở dưới đây sau mọi thứ bởi vì mọi thứ được thực hiện từng dòng một Vì vậy, các truy vấn phương tiện phải ở dưới cùng như thế này Và sau đó bạn phải nhập chúng ở dưới đây thay vì lên trên Được rồi, bây giờ hãy lưu và lưu phương tiện Và, vâng, hãy xem liệu Milica đã gửi có hoạt động cho tiêu đề không, hãy nhấp vào tiêu đề Hãy xem nào Vì vậy, tầm thường là ở đó Vì vậy, bây giờ phần đệm được đặt thành 0 Đối với tiêu đề Đó thực sự là nội dung tiêu đề bắt nguồn từ tiêu đề trực tiếp mà chúng ta cũng cần đặt phần đệm thành 0, tôi tin cái này, ghim tiêu đề bên phải, phải không? Được rồi, vậy chúng ta sẽ nói tiêu đề, tiêu đề đích, tiêu đề, và sau đó chấm sang phải tiêu đề Và sau đó tôi sẽ nói đệm số 0 cho điều đó Được rồi, vậy tiêu đề bên phải, phần đệm bằng 0 Một cái gì đó kỳ lạ đang xảy ra với cha mẹ 00 Họ vẫn đang chiến đấu, phải không? Vì vậy, anh ấy quan trọng Vì vậy, chỉ sử dụng điều quan trọng này khi nó thực sự quan trọng khi bạn phải Vì vậy, bây giờ chúng tôi đã ghi đè mọi phong cách, tất cả các cặp Được rồi, thực ra, chúng ta có thể muốn đặt cái này thành ram, có lẽ chỉ cần cho nó một chút đệm xung quanh Vâng, hãy nói điều đó với ram Được rồi, vì vậy chúng tôi cũng muốn loại bỏ các điều khiển này tại đây Vì vậy, để làm điều đó, chúng ta chỉ cần nói, điều khiển dấu chấm Đó là tên lớp Vì vậy, nếu tôi muốn kiểm tra lại bộ chọn, kiểm tra các điều khiển và tìm tên lớp Có nó là điều khiển Được rồi, vì vậy đối với các điều khiển, tôi phải nói hàng đầu, tôi phải thêm cái đó vào tự động để tự động tự động Và sau đó chúng ta sẽ nói dưới cùng vì số 0 dưới cùng, tôi muốn nó ở dưới cùng và sau đó hướng uốn cong sẽ là một hàng bây giờ thành mặc định hoặc ban đầu, bạn có thể nói ban đầu Và sau đó chúng ta sẽ nói biện minh cho nội dung Và sau đó tôi sẽ gửi nó và sau đó chúng tôi sẽ nói trái, chúng tôi sẽ cho nó 50% Vì muốn được làm trung tâm Và sau đó chúng ta sẽ chuyển biến đổi và Biến đổi Dịch X và Dịch X trừ đi 50% Chỉ trên trục x Vì vậy, Dịch X an toàn Hãy xem những gì chúng ta có Vì vậy, có họ Các điều khiển ở dưới đây Và vâng, trong đó Trên thực tế, chúng ta cũng cần đặt chiều rộng thành 100% Và sau đó chúng tôi cũng có thể muốn cung cấp cho nó một màu nền để phân biệt nó với màu đen với nội dung của chúng tôi Và sau đó chúng ta sẽ sử dụng màu xám 5, màu xám 5, đó là màu sai Và sau đó chúng tôi cũng sẽ kiểm soát kiểm soát cá nhân Vì vậy, kiểm soát cá nhân, chúng tôi sẽ cung cấp cho nó một lề, một, Rem trên và dưới Và sau đó chỉ ba REM trái và phải Vì vậy, bây giờ họ đang ở đó, các điều khiển ở dưới đây, thay vì lên Vì vậy, khi tôi đi qua chiều rộng thì không còn nữa Vì vậy, bây giờ họ đang ở đó Được chứ Vì vậy, bây giờ các điều khiển sẽ muốn chúng được Tôi cũng sẽ tiếp tục tạo kiểu cho tiêu đề Trên thực tế, bất kỳ để giảm chiều rộng nút chủ đề Nên mình sẽ nói chủ đề đó BTN Vì vậy, chúng tôi sẽ giảm chiều rộng xuống 50 pixel và chiều cao 250 pixel. Được rồi, vậy chiều rộng và chiều cao là 50 pixel Được rồi, vậy bây giờ hãy để tôi kiểm tra lại quá trình ghi âm Được rồi, như bạn có thể thấy bây giờ nhỏ hơn trên một thiết bị nhỏ hơn Được rồi, vì vậy chúng tôi cũng muốn nhắm mục tiêu nội dung tiêu đề, tiêu đề, nội dung hoặc nội dung, nếu bạn không biết nó là gì, tôi sẽ kiểm tra lại, để cho bạn xem nội dung tiêu đề kiểm tra Vì vậy, đây là nội dung tiêu đề Thật tuyệt vời như bạn có thể thấy, tôi sẽ gắn thẻ đó Vì vậy, nội dung tiêu đề, chúng ta sẽ thay đổi lưới Vì vậy, chúng ta sẽ nói lưới, cột mẫu Tôi sẽ chỉ nói một fr một Fr một TF Hai cột Trên thực tế, không, không, không có ai nếu tôi chỉ muốn fr, bởi vì chúng tôi chỉ muốn có một cột thay vì hai cột bây giờ Vì vậy, có, bất cứ khi nào Vì vậy, bây giờ chúng ta có một cột Được rồi, vì vậy nó sẽ lộn xộn Nói, có thể dưới sáu RAM Được chứ Vì vậy, vâng, vì vậy Và tôi cũng muốn, có lẽ tôi có thể muốn văn bản thực sự ở trên cùng Để làm điều đó, bạn biết đấy, chúng ta chỉ cần thay đổi các mục lưới này, thay đổi chúng hoặc hoán đổi chúng xung quanh Vì vậy, chúng ta hãy tiếp tục đi Vì vậy, bây giờ, tôi sẽ nhắm mục tiêu tiêu đề bên trái, tôi sẽ nói tiêu đề bên trái, tôi sẽ gắn thẻ đó Tôi sẽ nói, chấm hình chữ H, tôi sẽ thoát khỏi hình dạng màu xanh lá cây đó Và sau đó tôi sẽ, tôi sẽ đặt màn hình đó thành không Vì vậy, tôi không muốn nó nữa Vì vậy, như bạn có thể thấy, nó đã biến mất Vì vậy, sau tiêu đề bên trái, hãy chuyển sang tiêu đề bên phải Vì vậy, tiêu đề bên phải Được rồi, đối với tiêu đề bên phải, tôi sẽ thống kê, tôi muốn tiêu đề bên phải ở trên cùng Được rồi, vậy làm thế nào để chúng ta làm điều đó Vì vậy, chúng ta chỉ cần thay đổi lưới Vì vậy, nói hàng lưới Đó là một mục lưới Vì vậy, tôi muốn nó là điểm xuất phát của một Vì vậy, tôi sẽ cho bạn thấy điều đó có nghĩa là gì Vì vậy, khi tôi kiểm tra là lưới Vì vậy, đây là lưới, phải không? Được rồi, vì vậy chúng tôi cũng muốn. Tôi sẽ đặt chiều rộng bằng chiều rộng, tôi sẽ đặt nó thành 90%, có thể là 90% Được rồi, sau đó tôi sẽ đặt lề 0 tự động thành lề giữa, 0 và tự động chỉ để căn giữa nội dung Được rồi, bây giờ kiểm tra Được rồi, vì vậy mọi thứ đều tốt Được rồi, vậy bây giờ chúng ta hãy tiếp tục Chủ yếu là muốn chuyển đổi tên thực sự Tên, cỡ chữ Tôi sẽ thay đổi nó thành 2. 5 2. 5 Đập Được rồi, vậy RAM Linsay Hãy xem đó là kiểm tra Tên Phông chữ Kích thước phương tiện đó Vì vậy, cái này không hoạt động Chúng tôi cần ghi đè điều đó bằng quan trọng, vì vậy khi điều này kết thúc, đôi khi bạn có thể cần ghi đè điều đó Được rồi, như vậy Và vâng, chúng ta hãy tiếp tục Vì vậy, sau tiêu đề bên phải, chúng tôi sẽ nhắm mục tiêu nội dung tiêu đề Vì vậy, nội dung tiêu đề đó và sau đó tiêu đề bên trái Và sau đó chúng ta sẽ nhắm mục tiêu hình ảnh Và sau đó, chúng tôi cũng sẽ đặt chiều rộng tự động của lề bằng 0 tương tự thành 90% Và 2% Được rồi, vậy, vậy là xong Được chứ Vì vậy, chúng tôi cũng cần sửa chiều cao thực sự, có vấn đề với tiêu đề kiểm tra chiều cao Hãy để tôi xem nếu với chiều cao được đặt trên tiêu đề Vì vậy, chiều cao của chiều cao đặt tiêu đề được coi là chiều cao tối thiểu Vì vậy, chiều cao tối thiểu sẽ là 100 VH, không phải là chiều cao không cố định Vì vậy, chúng tôi muốn có thể cuộn như thế này Vì vậy, hãy đi đến tiêu đề và tìm tiêu đề Thực ra mình chỉ đi tìm 100 VH thôi, có chỗ nói là thung lũng 100 VH Vì vậy, ở đây, thay vì chiều cao, chúng tôi sẽ đặt chiều cao đó có nghĩa là truy vấn phương tiện thực sự chạm vào màn hình phương tiện và chiều rộng tối đa, chiều rộng tối đa, sau đó chúng tôi sẽ thực hiện 600 pixel Vì vậy, đây sẽ là 600 pixel hoặc sáu và sau đó truy cập dưới 10 pixel Màn hình phương tiện tối đa với nó Và chiều rộng tối đa Oh, oh yeah, tôi không biết tại sao điều này không hoạt động Màn hình và tất cả điều này là sai Cắt cái này, PR ở đây, như thế này, và sau đó lưu Và sau đó ở đây chúng ta sẽ nói chiều cao tối thiểu 100VH Được rồi, vì vậy bạn thực sự có thể thực hiện các truy vấn phương tiện bên trong phần tử hoặc phần tử mà bạn muốn thực hiện Đó là khi bạn chỉnh sửa Bạn chỉ có thể làm tổ trong Sass, đó là khi bạn có thể làm điều đó với CSS bình thường Bạn không thể làm tổ như thế này Được rồi, vì vậy nó không hoạt động Hủy cái này Chỉ cần đặt nó thành nửa đêm bình thường thành tiêu đề bình thường Được rồi, vâng, bây giờ nếu chiều cao trung bình, mọi thứ đều hoạt động Được rồi, bây giờ hãy kiểm tra các trang khác Hy vọng về bây giờ chúng ta hãy đi đến Giới thiệu Được rồi, vậy hãy quay lại truy vấn phương tiện Và sau đó chúng ta sẽ nói về dấu chấm, về container Vì vậy, hãy nhìn vào vùng chứa giới thiệu để xem nó nói về cái nào, về phiên của chúng ta ở đây Về thùng chứa, cái này, đó là những gì chúng tôi đang xem xét Được rồi, vì vậy nó cũng là một lưới Vì vậy, chúng tôi sẽ khắc phục điều đó về vùng chứa, cột mẫu lưới, chúng tôi sẽ đặt điều đó thành một Fr Được rồi, và sau đó chúng ta sẽ nói đúng về việc viết về, chúng ta sẽ nói thêm top 10 vào đầu Vì vậy, đối với phần đệm trên cùng, chúng tôi đã nói điều đó với 2. 5 ram 2. 5 Ram, đó là những gì phần đệm đầu Được rồi, vì vậy tôi cũng sẽ đặt quyền về các cột mẫu lưới hoặc đề xuất rằng bạn muốn có một, chỉ một cột để tham khảo Được rồi, vậy bây giờ chúng ta hãy chuyển sang phần giới thiệu nhé, bạn chưa xem được Nhưng mọi thứ đang hoạt động, chúng ta chỉ cần loại bỏ, phần đệm và mọi thứ về vùng chứa, phần hai Được rồi, vậy, ở đây, tôi sẽ loại bỏ phần đệm Vì vậy, hãy loại bỏ phần đệm Và tôi sẽ làm phần chọn phần Vì vậy, đối với phần đệm, tôi sẽ thực hiện phần đệm, tôi sẽ nói với REM 2. 5, Rem, trái và phải, sau đó tôi sẽ ghi đè lên các cặp hiện có Được rồi, vâng, như bạn có thể thấy, nó có vẻ tốt Vì vậy nếu thỉnh thoảng bạn làm như thế này, đôi khi nó không ghi đè lên cái cũ, những cái cũ đến giờ bạn không cần làm vì chúng ta không cần ghi đè chúng ta không cần làm. Được rồi, có vẻ tốt Vì vậy, bây giờ, chúng ta hãy đi đến những gì chúng ta cần viết ít hơn ở đây Hãy đi đến đây chúng ta cần làm phía bên trái Vì vậy, hãy giải quyết vấn đề còn lại về những thứ còn lại mà tôi sắp nói là đang chờ xử lý, phải không? Và sau đó tôi sẽ nhắm mục tiêu đoạn văn trong đó Tôi sẽ nói phần đệm trái Mr về 0 cũng được Được rồi, mọi thứ có vẻ tốt được rồi Vì vậy, chúng ta cũng cần nhắm mục tiêu dòng thời gian Vì vậy, ở đây sau đây, tôi sẽ chỉ nói dòng thời gian Vì vậy, đối với dòng thời gian, tôi sẽ thay đổi lưới Vì vậy, tôi sẽ chỉ làm một fr, tôi cũng chỉ muốn có một cột cho dòng thời gian Và sau đó tôi sẽ đặt phần đệm dưới cùng thành sáu, REM Và hãy tiết kiệm Hãy xem dòng thời gian của chúng ta trông như thế nào Vâng, nó đây rồi Có vẻ tốt đẹp Được chứ Vì vậy, sau đó, chúng tôi cũng có thể muốn làm số liệu thống kê Được rồi, vậy hãy làm ở đây sau dòng thời gian Về số liệu thống kê Vì vậy, trong số liệu thống kê về xe buýt, chúng tôi sẽ gắn thẻ các thanh tiến trình Thanh tiến trình, ghi nhớ tên lớp Và sau đó chúng tôi sẽ làm một nếu đó là những gì bạn muốn có như một cột duy nhất, xin lỗi Như thế mọi thứ đều tốt Được rồi, vậy bây giờ chúng ta hãy đến phần blog, hãy xem các blog đang hoạt động như thế nào Đây là những blog Vì vậy, chúng tôi cũng muốn có một cột duy nhất trong blog Được rồi, vậy thì chúng ta sẽ chỉ nói về blog Vì vậy, các cột mẫu chỉ được đưa vào một cột duy nhất và sau đó cung cấp cho bạn phần đệm dưới cùng từ sáu RAM dưới cùng Được rồi, bây giờ, bạn thấy rằng nếu tôi vào blog, bây giờ chúng ta có một cột duy nhất Được rồi, mọi thứ đều tốt Được rồi, ra là vậy Bây giờ, chúng ta cũng cần làm phần bối cảnh Được rồi, vì vậy, danh mục đầu tư thực sự, chúng tôi đã bỏ lỡ danh mục đầu tư Vì vậy, danh mục đầu tư không nên có ở đây danh mục đầu tư Vì vậy, chúng tôi đang làm việc trên phần này Bây giờ, danh mục đầu tư, chúng tôi muốn làm những điều tương tự Thích ở đây, vì vậy chỉ cần sao chép cái này và đặt nó ở đây Được rồi, vì vậy nó khá giống nhau Bây giờ, vì vậy hãy xem những gì chúng ta có danh mục đầu tư Đạt được mọi thứ có vẻ tốt đẹp Được chứ Được rồi, vì vậy chúng tôi cũng có thể muốn cung cấp cho danh mục đầu tư này dưới dạng đầu tư ký quỹ, nhưng chưa Được rồi, đó là gần như mọi thứ ngoại trừ liên hệ Liên hệ nội dung, chứa đựng nội dung Được rồi, bây giờ chúng ta hãy tìm nơi chứa nội dung ngữ cảnh Được rồi, nó đây rồi Quan sát Có một lưới Vì vậy, chúng ta hãy tiếp tục đi Chúng ta cần thay đổi hướng flex hướng linh hoạt Chúng tôi đang đi cột an toàn Được thì liên hệ Vì vậy, hành vi thực sự linh hoạt không phải là một lưới Bộ chứa địa chỉ liên hệ là một linh hoạt không đồng ý Vì vậy, chúng ta chỉ cần thay đổi hướng của flex Được rồi, vâng, trong phần này, tôi sẽ cho bạn biết những địa chỉ liên hệ phù hợp Đúng Liên hệ Được rồi, vậy địa chỉ liên hệ đúng Liên hệ phải khi một lề còn lại Và chúng tôi đã nói rằng số không, lề còn lại số không Và sau đó tôi muốn nói rằng cuộc nói chuyện ngoài lề là với 2. 5? Vì vậy, tôi đã thử nghiệm những giá trị này khi tắt máy ảnh chỉ để làm cho video nhanh hơn Nhưng bạn có thể thử nghiệm nhiều hơn với các giá trị nếu bạn muốn Được chứ Vì vậy, vâng, đó là nội dung phù hợp Vì vậy, nếu tôi muốn nhắm mục tiêu kiểm tra một trong những đầu vào này, thì tôi muốn kiểm soát đầu vào Cái này, tôi muốn gắn thẻ cái này Vì vậy, tôi sẽ sao chép bộ chọn truy vấn bộ chọn Tôi sẽ dán nó sau hộp chứa liên hệ ở đây, bộ chọn, vì vậy tôi đang tìm kiếm điều khiển đầu vào số hai Vì vậy, hãy nhập điều khiển hai Được rồi, đó là tên lớp, nó thực sự là đầu vào, kiểm soát hai như thế này, tôi thấy hai Đó là cách tôi đặt tên cho nó Vì vậy, nhưng đối với dự án này, tôi đang sử dụng, tôi đã đặt tên khác để điều khiển đầu vào là hai như thế này Nhưng trong dự án, chúng ta cần đưa điều khiển đầu vào của video vào điều khiển đầu vào, như xem, tôi thấy hai Vì vậy, ở đây tôi đang sử dụng điều khiển hai Được rồi, tôi sẽ nói hướng linh hoạt, tôi sẽ đặt cột đó để nó cũng dành cho bộ điều khiển đầu vào Và sau đó tôi sẽ nhắm mục tiêu phần tử con cuối cùng của điều khiển đầu vào đó và chúng tôi nói như thế này là bộ chọn giả nói phần tử con cuối cùng, vì vậy tôi muốn đưa phần tử con cuối cùng trong phần điều khiển đầu vào vào thử thách cuối cùng và khi tôi nói lề lề trên vì vậy đối với lề trên và chúng tôi sẽ nói rằng một căn phòng hoàn hảo được rồi, vì vậy hãy đến địa chỉ liên hệ Vì vậy, như bạn có thể thấy, nó đang đến Nice Vì vậy, ở đây hãy kiểm tra điều này để có một lề trái và trực quan sao cho bằng không lề trên không nó phải bằng không Đầu vào bên trái sẽ hợp đồng với cái này ký quỹ còn lại hợp đồng gì như ký quỹ con ký quỹ trên cùng còn lại bằng 0, chuyện gì đang xảy ra vậy? Lần sạc cuối cùng năm ngoái Lần sạc cuối cùng Tôi không biết tại sao nó vẫn có Oh, tôi nghĩ rằng truy vấn phương tiện không được áp dụng Hãy để tôi làm mới điều này một lần nữa Và sau đó tôi sẽ kiểm tra cột hướng linh hoạt nhé Vì vậy, đây là con cuối cùng nên tôi sẽ sao chép bộ chọn ở đây, sao chép bộ chọn đã cắt này và thay thế bằng bộ chọn bạn đã sao chép trực tuyến từ trình duyệt Được rồi, lưu lại Được rồi, bây giờ mọi thứ hoạt động Tôi nghĩ đó là do khoảng cách Bạn thực sự cần phải đặt khoảng cách ở đây Vì vậy, bạn cần phải không gian ở đây Không gian và sau đó vâng, mọi thứ hoạt động Được rồi, vâng, mọi thứ đều hoạt động tốt Mọi thứ đều hoạt động tốt Vì vậy, bây giờ chúng ta chỉ cần loay hoay với tiêu đề này ở đây Được rồi, vậy chúng ta hãy làm điều đó Tiêu đề là mã Thật hạng mục hợp đồng Mục hợp đồng bạn biết đấy, trước tiên hãy lộn xộn với tiêu đề Tiêu đề chính đó Vì vậy, ở đây chúng ta đang nói về h2 và sau đó là kích thước phông chữ Chúng tôi sẽ đặt nó thành ram và chúng tôi cũng sẽ nói chọn cái chảo này Cỡ chữ 2. 5 ram Được rồi, và sau đó là văn bản PG 2. 5 từ cỡ chữ như vậy Bây giờ, lưu Bây giờ, hãy xem những gì chúng ta nhận được Chuẩn rồi Vì vậy, nó đây Tôi nghĩ rằng chúng ta chỉ cần Oman tăng ba hiệp, điều này hơi tuyệt vọng. Đúng, tôi nghĩ vậy Vì vậy, bạn có thể loay hoay với kích thước của kích thước phông chữ đó vâng, vì vậy ở kích thước này là truy vấn phương tiện này, điểm ngắt trông thực sự đẹp Vì vậy, bạn có thể tìm ra những điểm ngắt mà bạn cần để thực hiện các thay đổi, ý tôi là, vì vậy trong trường hợp này, chúng tôi cần sửa lỗi kiểm tra này tiêu đề bên trái Tiêu đề bên trái, chúng ta cần đặt chiều cao nội dung tiêu đề cần đặt chiều cao tối thiểu nghĩ chiều cao tối thiểu Hoặc chúng tôi thực sự cần đặt chiều cao thành 100 VH cho nội dung tiêu đề đó Được rồi, vâng, mọi thứ trở nên tốt đẹp với điểm dừng của chúng tôi, điểm dừng, chiều cao tối thiểu giới tính, nội dung tiêu đề chúng tôi cần đặt chiều cao tối thiểu ở đây chiều cao tối thiểu Được rồi, vậy chúng ta hãy đi tìm nội dung tiêu đề Nội dung tiêu đề nội dung tốt hơn nội dung nội dung Vì vậy, chúng ta cần đặt chiều cao tối thiểu ở đây chiều cao tối thiểu, chúng tôi sẽ đặt chiều cao đó thành 100 VH Được rồi, vâng Vì vậy, bây giờ ở đây chúng ta có thể nhập, cố gắng tìm một số điểm dừng, mà chúng tôi cũng cần bạn biết, hơi lộn xộn với các kiểu một chút Tôi nghĩ ở đây tiêu đề nó là một lề, mà tôi không muốn Tiêu đề bên phải là phần đệm mà tôi không muốn Vì vậy, ở đây chúng ta nên tìm kiếm phải không? Tiêu đề mới Vì vậy, ở đây, nó thực sự nên được nói là cha mẹ 00 làm mới cái đó Một cái gì đó kỳ lạ đang xảy ra? Được rồi, vâng, vậy bây giờ, mọi thứ sẽ hoạt động tốt Bạn có thể làm việc với kích thước phông chữ, bạn có thể giảm kích thước phông chữ ở một độ rộng nhất định, bạn có thể sử dụng phần trăm kích thước phông chữ Được rồi, vì vậy mọi thứ có vẻ tốt Vì vậy, chúng tôi chỉ cần tìm cách để, giả sử, có thể tìm thấy một điểm dừng nơi mọi thứ bắt đầu bị hỏng và bắt đầu, bạn biết đấy, thực hiện một số truy vấn phương tiện ở đó Ví dụ, tôi sẽ làm một breakpoint khác có thể Được rồi, vì vậy tôi loại liên lạc khi nào liên hệ thông báo ngắt Được rồi, vì vậy đối với liên hệ này, nó bị ngắt quá sớm Vì vậy, tôi sẽ thực hiện một điểm dừng khác cho liên hệ Vì vậy, ở đây, tôi sẽ nói nó là phương tiện truyền thông Tôi thực sự sẽ sao chép bản sao này, bản sao này, bản dán này vào đây Và sau đó ở đây tôi sẽ thay đổi điều này thành 1432 Được rồi, vì vậy để thử nghiệm với các giá trị này của máy ảnh, vì vậy ở đây tiếp điểm bị hỏng quá sớm Vì vậy, tôi sẽ sao chép hợp đồng mọi thứ trên hợp đồng và khi nào thì cắt hợp đồng Và sau đó tôi sẽ làm điều đó sớm ở kích thước địa chỉ này là 1432 và dán nội dung hợp đồng vào đây Được rồi, vậy khi tôi đến danh bạ, bây giờ có nhiệm vụ cho bạn biết, thích ứng sớm một cách tốt đẹp Vì vậy, chúng ta cũng có thể gây rối với phần đệm của phần Vì vậy, trong trường hợp này, tôi cũng sẽ loay hoay với phần đệm của các phần Và mỗi một phần tôi sẽ thực hiện phần đệm, trên và dưới Mình sắp làm bảy Ram 11 Ram trái và phải Được rồi, vậy hãy làm mới Một cái gì đó kỳ lạ đang xảy ra Tiết diện Được rồi, chiều rộng tối đa Hãy kiểm tra để xem phần thân Ồ, phần thân là một lớp phiên Vì vậy, phần thân đang kế thừa ý tôi là, phần đầu đang kế thừa kiểu phần này Vì vậy, trong tiêu đề, chúng ta cần loại bỏ điều đó Vì vậy, ở đây, tôi sẽ nói phần đệm tiêu đề, không Được rồi, vì vậy chúng ta thực sự cần ghi đè vì phần đầu đang thực sự kế thừa lớp phần Được rồi, vâng, nó đây rồi Vì vậy, bây giờ khi tôi, bạn biết đấy, bắt đầu giảm, mọi thứ diễn ra chậm chạp, nhưng nó sẽ, nó sẽ hoạt động Được rồi, vậy chúng ta hãy xem Được rồi, đó là phần liên hệ, tôi sẽ thực hiện một truy vấn phương tiện khác Tôi sẽ thực hiện một truy vấn phương tiện chỉ để sắp xếp chia nhỏ Vì vậy, ở kích thước này, phần này, tôi biết rằng kích thước này, tôi thực sự sẽ đặt một kích thước khác có thể là 1070 Hoặc, Vâng, hãy làm kích thước này 1070 pixel tại đây Và chúng ta sẽ nói về container Vì vậy, đó là các cột mẫu lưới giới thiệu và sau đó, tôi sẽ đặt cột đó thành một Fr Và sau đó trong phần tôi sẽ kể cho bạn bài viết về việc tôi sẽ thay đổi phần đệm trên cùng để xác nhận Để xác nhận, đó là dành cho phần trên cùng trong phần giới thiệu, vậy đó là 1000 pixel ở đây, đây rồi Vì vậy, mọi thứ sẽ diễn ra tốt đẹp trong một cột duy nhất Được rồi, và tôi cũng sẽ nhắm mục tiêu tiêu đề chính ở đây Tôi sẽ nói Titan chính, x hai Và sau đó kích thước phông chữ Đối với nhịp REM, và sau đó là REM an toàn Được rồi, big Tex Cơ sở kích thước cho cơ bắp Hãy xem nó sẽ trông như thế nào Được rồi, chúng ta sẽ tăng con số đó lên 4. 5 khung hình hoặc 645 Ừ Được chứ Tôi nghĩ rằng tôi sẽ dính vào 4. 5 Được rồi, để bạn có thể, bạn biết đấy, đại loại như đặt lề trên cùng của nội dung ở đây, bạn có thể đặt lề trên để chỉ định giữa tiêu đề này tại đây Vì vậy, nó là loại tùy thuộc vào bạn Được, vậy để tôi kiểm tra Hãy làm chương trình danh mục đầu tư danh mục đầu tư Hãy làm các cột mẫu lưới ô vuông Chúng ta hãy làm một fr, một Fr Đây là hai cột Được rồi, vậy bây giờ chúng ta có hai cột danh mục đầu tư Hãy làm điều tương tự cho các blog có thể sao chép và xâu chuỗi hai blog này Được rồi, vì vậy các blog cũng sẽ có hai cột Được rồi, như vậy Được rồi, vậy hai cột cho blog? Bạn có thể thừa nhận cho tôi bao nhiêu truy vấn phương tiện tùy thích cho bất kỳ thứ gì và bạn có thể tùy chỉnh và thay đổi mọi thứ mà bạn muốn thay đổi Vì vậy, ở đây, tôi sẽ làm 9970 pixel, gần 70 pixel Vì vậy, ở đây phần phần Tôi sẽ thay đổi phần đệm một cái gì đó trên và dưới 07 Ram, sáu RAM Clifden, phải không Như thế này Bây giờ giả sử hãy giảm chiều rộng Được rồi, nó đây rồi Mọi thứ trông thật đẹp Được chứ Vì vậy, chúng ta cũng cần phải lộn xộn với những thứ này ở đây Windows chỉ là để phá vỡ Bạn biết đấy, tôi nghĩ rằng tôi có thể thực sự muốn điều này xảy ra sớm Nhưng những gì chúng tôi đã làm với nội dung, tiêu đề nội dung tiêu đề, nút chủ đề có tiêu đề nâng nội dung về Được rồi, tôi nghĩ tôi muốn việc cắt giảm nội dung tiêu đề này xảy ra sớm Vì vậy, tôi sẽ đặt nó vào số chín trong năm 970 Và chúng tôi đặt nó ở đó Được rồi, vì vậy nó xảy ra sớm Được rồi, như vậy Vì vậy, tôi nghĩ rằng việc nó xảy ra sớm hơn dự đoán là rất có ý nghĩa Vâng, tôi nghĩ điều đó có ý nghĩa Vì vậy, chúng ta cũng cần làm điều tương tự cho các điều khiển Điều khiển, cắt điều khiển Cắt đó Và sau đó chúng ta sẽ làm cho nó xảy ra sớm Vì vậy, bạn có thể biết, loay hoay với các giá trị và xem bạn muốn bắt đầu từ đâu, ảnh hưởng đến các truy vấn phương tiện của bạn Vì vậy, tôi nghĩ rằng ý tưởng hàn ở kích thước này Được rồi, tôi cũng có thể muốn chỉ định các điều khiển xung quanh những cái này Vì vậy, mỗi điều kiểm soát có thể hình dung lại Tôi sẽ nói với ram cho cái này Được rồi, kiểm soát lề để ram Được rồi, ram có vẻ nhỏ Hãy xem, sáu không hoạt động vì một số lý do Hãy ghi đè lên điều này Vẫn không làm việc? Kiểm soát Lề Ồ, trên và dưới được cho là trái và phải Vì vậy, nó được cho là theo cách khác xung quanh Vì vậy, hãy đưa nó trở lại ram để đây là trên và dưới Đây là trái và phải Vì vậy, tôi muốn áp dụng lề trái và phải Được chứ Vì vậy, nó đây Vì vậy, trên và dưới, thực ra, tôi sẽ tăng nó lên có thể là 6. 6 Được rồi, vì vậy mọi thứ sẽ trông đẹp như thế này Được rồi, vâng, bạn có thể bạn có thể lộn xộn với mọi thứ, chỉ để tìm kiếm các điểm ngắt mà bạn muốn, bạn biết đấy, ảnh hưởng đến phong cách và yếu tố của bạn, bất cứ điều gì Tôi sẽ giảm cái này xuống 1. 5 Hoặc thực tế là, vâng, bạn có thể gặp rắc rối với các truy vấn phương tiện, các điểm dừng, chẳng hạn như nơi nội dung của bạn bắt đầu bị hỏng Đó là nơi bạn bắt đầu, bạn biết đấy, thực hiện các truy vấn phương tiện, bạn chỉ cần tạo một điểm dừng cho điều đó Đối với các blog, sự phá vỡ khá sớm Vì vậy, đó là một cái gì đó có kích thước nhất định, bạn có thể muốn, bạn biết đấy, đặt các khối vào một cột duy nhất Được chứ Vì vậy, yeah, thực sự, tôi sẽ làm một nữa tôi sẽ làm một cái nữa Tôi không muốn làm video này dài Tôi sẽ chỉ làm thêm một lần nữa bây giờ Và thế là xong Vì vậy, hãy làm, hãy làm 700 pixel Vì vậy, ở đây, phần này, tôi sẽ thay đổi phần này ở đây, chỉ cần sao chép phần này Ở đây, chúng ta sẽ thay đổi phần đệm Vậy là hai ba Được rồi, vì vậy chúng tôi cũng muốn thực hiện phần giới thiệu về số liệu thống kê, hãy thực hiện số liệu thống kê Và sau đó chúng ta sẽ thực hiện các thanh tiến trình Trên thực tế, tôi nghĩ rằng chúng tôi đã hoàn thành tiến trình và hãy để tôi kiểm tra lại các thanh tiến trình Vâng, tôi nghĩ là có, chúng ta có thể muốn thanh tiến trình thanh tiến trình Tôi nghĩ thay vì thực hiện các thanh tiến trình sau, tiến trình, các thanh tiến trình ở đây, thay vì thực hiện ở đây, hãy sao chép đoạn cắt này, và sau đó chúng ta thực hiện ở đây sớm hơn là để muộn hơn Vì vậy, ở đây chúng tôi chỉ thay đổi cách hiển thị của thanh Tiến trình Chúng tôi sẽ sắp xếp chúng thành một cột duy nhất ở 700 Thứ gì đó to lớn mà chúng chắc chắn có pixel Được rồi, vì vậy tìm kiếm Mọi thứ trông thật đẹp Tôi nghĩ yeah, mọi thứ có vẻ tốt đẹp Vì vậy, dòng thời gian, nó bị ảnh hưởng 600 pixel Vì vậy, ý tôi là, tôi nghĩ mọi thứ bây giờ thực sự tốt đẹp nếu ý tưởng về cách thực hiện các truy vấn phương tiện và mọi thứ, chúng ta cũng có thể loay hoay với tiêu đề chính ở đây Vì vậy, bạn biết đấy, chúng tôi chỉ cần đặt kích thước phông chữ, có thể thành một phông chữ nhỏ hơn Và sau đó, có lẽ chúng ta có thể thay đổi kết cấu để văn bản lớn thành một kích thước phông chữ khác để bạn có thể lộn xộn với các kiểu để xem bạn đang tìm kiếm kiểu nào Và cái gì, tôi không biết bất kỳ kích thước nào, bạn có thể thực hiện bất kỳ truy vấn phương tiện nào cho bên trong, vâng, tôi nghĩ đó là video này Vì vậy, nếu bạn đã học được nhiều thứ, xin đừng quên đăng ký, bình luận và chia sẻ video Tôi sẽ gặp bạn vào ngày tiếp theo QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO QUẢNG CÁO Tôi là giáo viên và nhà phát triển với freeCodeCamp. tổ chức. Tôi chạy freeCodeCamp. tổ chức kênh YouTube Nếu bạn đọc đến đây, hãy tweet cho tác giả để cho họ thấy bạn quan tâm. Tweet một lời cảm ơn Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu Bạn có thể xây dựng một trang web bằng JavaScript không?JavaScript là một trong những ngôn ngữ đa năng trên thế giới. Nó cho phép các nhà phát triển chúng tôi xây dựng trang web, máy chủ, ứng dụng dành cho thiết bị di động, phần cứng và thậm chí cả AI . Vì vậy, không có gì ngạc nhiên khi nó là một trong những ngôn ngữ lập trình phổ biến nhất trên thế giới.
Làm cách nào để tạo một ứng dụng web bằng JavaScript?Dự án thực hành . Bước 1 - Thiết lập cấu trúc thư mục Bước 2 - Viết mã mẫu Bước 3 - Khởi tạo ứng dụng Bước 4 - Triển khai ca sử dụng đối tượng danh sách Bước 5 - Triển khai Ca sử dụng Tạo đối tượng Bước 6 - Triển khai Trường hợp sử dụng đối tượng cập nhật Bước 7 - Thực hiện Ca sử dụng Xóa đối tượng Làm cách nào để sử dụng JavaScript trong trang web của bạn?Để bao gồm một tệp JavaScript bên ngoài, chúng ta có thể sử dụng thẻ script với thuộc tính src . Bạn đã sử dụng thuộc tính src khi sử dụng hình ảnh. Giá trị cho thuộc tính src phải là đường dẫn đến tệp JavaScript của bạn. Thẻ tập lệnh này phải được bao gồm giữa các thẻ
Làm cách nào để tạo một trang web đơn giản bằng HTML và JavaScript?Mục tiêu học tập . Tạo một trang web cơ bản bằng HTML Áp dụng kiểu cho các phần tử trang bằng CSS Tạo chủ đề bằng CSS Thêm hỗ trợ để chuyển đổi giữa các chủ đề bằng JavaScript Kiểm tra trang web bằng các công cụ dành cho nhà phát triển trình duyệt |