Làm cách nào tôi có thể tạo trang web bằng html css và 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

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

• Giới thiệu
• Chuyển đổi giữa các phần
• Nội dung tiêu đề
• Giới thiệu phần
• Phần danh mục đầu tư
• Mục Blog
• Phần liên hệ
• Truy vấn phương tiện truyền thông

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 nút điều khiển đó ở đây, sau đó đặt chúng xuống đây, bạn có thể chuyển đổi giữa các trang trong các nút điều khiển ở dưới đây, thay vì chúng ở 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 thực sự có thể tạo một biến cho quá trình chuyển đổi này, nếu bạn muốn, bởi vì chúng tôi 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

Điều khiển

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ừ 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, và 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

chưa 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 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ỳ yếu tố nào tôi đã nhấp vào, tôi muốn nhắm mục tiêu tập dữ liệu, bất kỳ yếu 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 điều đó

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ì 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 lưới hai cột, 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ẽ thực hiện 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

Được rồi

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 củ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ẽ chỉ dán vào để 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 của 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

Tiến 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ó thể 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ì đó đang thiếu ở đây các 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, span 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

Nơi đâ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, hy vọng chúng ta 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ứ điều 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à cái còn lại 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

Điều khiển

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 bởi vì số 0 dưới cùng, tôi muốn nó ở dưới cùng và sau đó hướng uốn cong bây giờ sẽ là một hàng theo 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, những cái cũ đến bây giờ bạn không cần làm điều đó bởi vì chúng ta không cần ghi đè chúng ta không cần làm điều đó

Đượ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ệ

Tiếp xúc

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

Tiếp xúc

Đượ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ực ra

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 hợp lý.

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?

Điều khiển

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

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

Làm cách nào tôi có thể tạo một trang web đơn giản bằng HTML CSS và JavaScript?

HTML CSS và JavaScript có đủ để tạo một trang web không?

7 bước để tạo một trang web bằng HTML và CSS là gì?