Hướng dẫn how do i make a portfolio website using html css and javascript? - làm cách nào để tạo một trang web danh mục đầu tư bằng html css và javascript?

Hướng dẫn how do i make a portfolio website using html css and javascript? - làm cách nào để tạo một trang web danh mục đầu tư bằng html css và javascript?

Nếu bạn đang tìm kiếm một công việc nhà phát triển web, có thể hữu ích để có một trang web danh mục đầu tư. Nó cũng có thể hữu ích khi có các dự án 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 bạn với HTML, CSS, & JavaScript.

Chúng tôi vừa xuất bản một khóa học trên kênh YouTube Freecodecamp.org sẽ giúp bạn cải thiện kỹ năng phát triển frontend của bạn bằng cách dạy bạn cách xây dựng một trang web danh mục đầu tư.

Maclinz đã phát triển khóa học này. Ông là một nhà phát triển Frontend 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ẽ dựa vào 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 mát mẻ. Bạn có thể sử dụng những gì bạn học trong khóa học này và tùy chỉnh trang web danh mục đầu tư của bạn để thể hiện lịch sử công việc và kỹ năng thiết kế của bạn.

Đây là một dự án của người mới bắt đầu tuyệt vời cho những người muốn cải thiện kỹ năng của họ với 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 đề
  • Về phần
  • Phần danh mục đầu tư
  • Phần blog
  • Phần liên lạc
  • 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 kênh YouTube freecodecamp.org (đồng hồ 3 giờ).

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 ngày hôm nay, chúng tôi sẽ xây dựng một trang web danh mục đầu tư bằng cách sử dụ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ì vậy chúng tôi có một số hiệu ứng di chuột đẹp. Trên các nút và hình ảnh. Chúng ta cũng có thể chuyển đổi giữa chủ đề ánh sáng và tối.

Được rồi, vì 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 tốt đẹp. Và chúng tôi sẽ có một số chỉ số ở đâ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ó cũng trông đẹp về chủ đề ánh sáng.

Được rồi, và sau đó phần tiếp theo sẽ là phần Danh mục đầu tư có hiệu ứng SRO, một trong những mẫu này có thể dẫn chúng tôi đến bất kỳ công việc nào cho thấy bạn liên kết với nó, vì vậy, ví dụ, bạn muốn đến GitHub, bạn có thể nhấp vào, và sau đó nó đi đến GitHub, hoặc YouTube, bất cứ điều gì.

Được rồi, và sau đó phần tiếp theo sẽ là phần blog. Chúng tôi cũng có một hiệu ứng di chuột đẹp 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 lạc của bạn ở đây.

Bất cứ điều gì bạn muốn, nó tùy thuộc vào bạn.

Trang web này cũng đáp ứng, nó sẽ hỗ trợ nhiều màn hình, bạn thậm chí có thể làm cho nó phản ứng nhanh hơn nhiều như bạn muốn.

Vì vậy, khi tôi giảm chiều rộng, nó sẽ kiểm tra các điều khiển đó ở đây, và sau đó đặt chúng xuống đây, bạn có thể sắp xếp, bạn biết, chuyển đổi giữa các trang trong các điều khiển xuống đâ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 độc đáo với các kích thước màn hình khác nhau.

Okay.

Vì vậy, Sam là người sẽ phản ứng với NASA.

Và cũng là danh mục đầu tư sẽ được lồng nhau đáp ứng.

Vâng, cũng vậy, mọi thứ đều đáp ứng.

Vì vậy, tôi sẽ cho bạn thấy mọi thứ để làm cho nó thậm chí còn phản ứng nhanh hơn, bạn có kiến ​​thức để tạo ra sự khác biệt.

Vì vậy, yeah, tôi nghĩ đó 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.

Vì vậy, không có nhiều hình ảnh.

Vì vậy, đây là những hình ảnh mà chúng tôi sẽ sử dụng dự án này, tôi sẽ bắt đầu bằng cách tạo một tệp HTML mới, Index Dot HTML, sau đó tôi sẽ tạo một thư mục mới.

Vì vậy, điều này sẽ được lưu trữ tất cả các phong cách của chúng tôi bên trong các phong cách cho họ khi nào để tạo ra một phong cách mới.

Vì vậy, phần mở rộng mà chúng tôi sẽ sử dụng cho cái này là S CSS.

Vì vậy, đó là bộ tiền xử lý SASS.

Nó nhanh hơn nhiều để làm kiểu so với CSS bình thường.

Vì vậy, để có thể sử dụng SASS, bạn cần đi đến các tiện ích mở rộng và tìm SAS, và 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 cho mã.

Vì vậy, chúng tôi chỉ có thể biên dịch cuộc sống mã.

Okay.

Vì vậy, bây giờ, tôi, bạn cũng có thể muốn tải xuống đoạn trích HTML CSS.

Vì vậy, HTML, hỗ trợ CSS trong tương lai, chỉ cần cài đặt hai cái này.

Được rồi, tôi nghĩ đó là nó bây giờ, chúng ta chỉ cần đi đến các phong cách và chúng ta hãy đặt 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 này là bất cứ khi nào lề và đệm số 0, kích thước hộp, hộp không, thực sự, hộp và sau đó liệt kê kiểu không.

Được rồi, vì vậy trong cơ thể, tôi sẽ cho nó một màu nền màu đỏ chỉ để kiểm tra xem các kiểu của chúng tôi có hoạt động không.

Vì vậy, chúng ta cần biên dịch tệp SASS này vào thư mục Styles.

Vì vậy, ở đây bạn sẽ thấy một nút cho biết những gì SASS Nhấp vào nút.

Được rồi, và sau đó nó sẽ tạo ra một tập tin CSS kiểu ở đây.

Vì vậy, chúng ta hãy đi đến chỉ mục và tạo ra Boiler HTML.

Vì vậy, để làm điều đó, giữ ca và một và sau đó nhấp vào Enter.

Thay đổi, giữ ca, một, nhập.

Được rồi, vì vậy tôi sẽ đặt tên cho danh mục đầu tư này.

Portfolio.

Được rồi, vì vậy bây giờ tôi sẽ liên kết các kiểu tệp CSS Style.

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 kiếm tiện ích mở rộng phích 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ó ở đó.

Đượ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ẽ thoát khỏi màu nền của Red Margarida, tôi sẽ thực sự nhận được một số phông chữ trước.

Phông chữ của Google, phông chữ Google, tôi sẽ nhận được phông chữ được gọi là poppins.

Được rồi, vì vậy bạn cần chọn một số trọng số phông chữ.

Vì vậy, chúng tôi sẽ sử dụng 405 và 400 500 thông thường, chỉ có những cái thông thường, đến 800.

Vì vậy, một khi bạn đã thực hiện điều đó, bạn chỉ cần sao chép liên kết này, một khi bạn đã sao chép, hãy truy cập chỉ mục bên dưới các kiểu và 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 tên gia đình phông chữ, và sau đó khi tôi đặt nó vào cơ thể.

Được rồi, vì vậy bây giờ chúng tôi đã thực hiện các phông chữ, chúng tôi 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 và sau đó chúng tôi sẽ đặt một số biến bên trong gốc.

Được rồi, vì vậy chủ yếu các biến sẽ làm cho màu sắc.

Được rồi, vì vậy bạn có thể làm một biến theo nghĩa đen cho bất cứ điều gì từ chủ yếu trong video này, tôi sẽ làm màu sắc.

Vì vậy, cái đầu tiên sẽ là màu chính.

Vì vậy, bìa chính này sẽ giống như một màu tối 191 và sau đó là D đến B, tôi nghĩ đó là màu.

Yeah.

Được rồi, đó là màu, tôi sẽ dán vào phần còn lại của các màu, vì tôi không lãng phí thời gian của bạn để gõ vì từng cái một.

Được rồi, vì vậy đây là những biến số mà chúng ta sẽ sử dụng.

Vì vậy, bây giờ, đối với cơ thể, tôi sẽ cho nó một màu nền.

Vì vậy, để có thể sử dụng DUVA biến.

Chính, vì vậy VA màu chính, chúng ta sẽ sử dụng biến này, đó là một màu một dấu chấm.

Được rồi, vì vậy tôi cũng đã đi đế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ẽ cho một màu khác, màu mặc định sẽ có màu trắng.

Vì vậy, theo mặc định trên văn bản là màu trắng, được, và sau đó tôi cũng muốn chuyển đổi.

Transition.

Vì vậy, quá trình chuyển đổi sẽ là tất cả các điểm bốn giây là trong một điều tốt đẹp.

Được rồi, như vậy.

Vì vậy, bây giờ chúng tôi đã làm điều đó, chúng ta hãy đi đến chỉ mục.

Vì vậy, ở đây, tôi sẽ cung cấp cho lớp nội dung chính, vì vậy nội dung chính, vì vậy đó là cơ thể.

Và sau đó trong cơ thể, chúng ta sẽ có một tiêu đề tiêu đề với lớp của phần.

Và sau đó một lớp khác tên của phần Sec, một, phần một, và sau đó là một lớp tiêu đề khác.

Và sau đó nó sẽ có một lớp hoạt động khác, họ muốn xem lý do tại sao chúng tôi sử dụng Active, tôi sẽ giải thích khi chúng tôi đi, chúng tôi nhấn Enter.

Được rồi, vì vậy bây giờ nếu chúng tôi có và dấu gạch dưới chính của bạn, trong phần chính sẽ có phần phiên, dấu chấm.

Phần sẽ có một lớp của phần và sau đó Doats, một lớp khác, phần hai, và sau đó là một lớp khác về.

Được rồi, vì vậy bây giờ tôi sẽ nhấp vào Enter.

Vì vậy, bây giờ chúng tôi có một phần.

Được rồi, vì vậy chúng tôi sẽ có thêm năm phần.

Được rồi, vì vậy chúng tôi có phần, phần hai, về một số món tráng miệng, đó là tên lớp, tôi sẽ sao chép điều 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, tất cả chúng.

Tôi sẽ thay đổi điều này từ khu vực này sang Sec Three, 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ừ về danh mục đầu tư.

Và sau đó, một người khác, cái này sẽ là blog.

Và sau đó cái này sẽ được liên lạc.

Contacts.

Okay.

Điều đó cũng vậy.

Bây giờ chúng ta có các phần, chúng ta 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.

Hãy làm việc trên 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 bạn với phông chữ tuyệt vời.

Tôi sẽ nói phông chữ, CDN tuyệt vời.

CDN.

Và sau đó tìm phông chữ CDN tuyệt vời, 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 bên dưới phông chữ Google ngay trên và sau đó chỉ dán vào liên kết, vì vậy bây giờ chúng tôi đã dán Liên kết cho phông chữ tuyệt vời, tuyệt vời.

Chúng ta có thể, bạn biết, giống như, loại nhận các biểu tượng từ 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 bản xem trước nếu nó hoạt động hay không.

Hãy xem, nó ở đó.

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à những gì đã được cài đặt thành công.

Vì vậy, bây giờ, hãy bắt đầu bằng cách cài đặt các phần, được rồi.

Hầu hết trong số họ 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, chín khối, và sau đó trang trí văn bản cho không.

Và sau đó tôi sẽ nói rằng tôi sẽ thực sự cho nó là tôi quên tên, màu sắc sẽ được thừa hưởng chúng ta sẽ thừa hưởng màu sắc chúng ta có trong cơ thể.

Và sau đó gia đình phông chữ sẽ được thừa kế thừa kế.

Được rồi, vì vậy 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, vì vị trí mà họ sẽ có, chúng sẽ có một phần trăm tuyệt đối.

Vì vậy, mỗi phần sẽ có chiều cao tối thiểu 100 VH.

Được rồi, đó là chiều cao tối thiểu và sau đó là chiều rộng 100%.

Và sau đó chúng ta sẽ làm vị trí tuyệt đối.

Và sau đó chúng ta sẽ làm bên trái, 0, từ trên không là số 0 hàng đầu của chúng ta.

Và sau đó chúng ta sẽ làm đệm.

Vì vậy, khoảng cách đệm.

Vì vậy, từ trên và dưới, khoảng cách giữa trên và dưới sẽ là ba ram, và sau đó 18 ram trái và phải.

Được rồi, vì vậy mỗi và mỗi giây sẽ có gạch này, được rồi.

Và thực sự, chúng ta cũng cần phải 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ẽ làm một màu, màu cho nó sẽ có màu trắng.

Màu trắng cho màu.

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 luồng ẩn ẩn trong trường hợp một cái gì đó tràn ra.

Được rồi, vì vậy bây giờ, không có gì xảy ra.

Khi tôi kiểm tra điều này, chúng tôi có tất cả những điều này, tất cả những phần trê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 trên đầu nhau.

Vì vậy, để tạo hiệu ứng chuyển đổi giữa các phần này, chúng ta cần một cách để ẩn phần còn lại của các phần và sau đó chỉ hiển thị phần mà chúng ta đã 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.

Vì vậy, lớp này tôi sẽ làm như vậy theo mặc định, tôi muốn rời khỏi màn hình này, tôi muốn được tắt màn hình.

Được rồi, vì vậy tôi sẽ sử dụng một biến đổi cho điều đó cho điều đó.

Và sau đó tôi sẽ dịch sang y trừ một đại diện.

Bởi vì theo mặc định chỉ để tắt màn hình.

Được rồi, và sau đó tôi cũng sẽ thực hiện chuyển đổi, bạn có thể tạo một biến cho quá trình chuyển đổi này thực sự, 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ể, bạn biết, 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 điều này sẽ có màu chính VA.

Màu sắc chính, được rồi, đó là, đó là một trong những.

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 họ một màu nền khác nhau, một bất cứ điều gì khác nhau.

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ể cung cấp 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ứ điều 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ẽ chuyển đổi như tất cả các dịch.

Dịch các tấm y, y một để dịch y zero 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 hoạt động, sẽ trở lại nơi mặc định.

Vì vậy, ở đây chúng tôi đã chuyển đổi, dịch y trừ 100% và tỷ lệ bằng không ở đây.

Vì vậy, một khi chúng tôi trở lại nơi mặc định sẽ biết, nó sẽ giống như một hình ảnh động xuất hiện, ngoài màn hình và mở rộng tất cả các cách để thang đo này hoạt động từ một, 0 đến giữa 0 và một.

Được rồi, vì vậy chúng ta cần phải làm điều này cho phần còn lại của các phần.

Vì vậy, tôi sẽ dán vào một số mã cho phần còn lại của các phần.

Vì vậy, phần này, mỗi phần riêng lẻ, bạn có thể cung cấp cho nó một màu nền khác nhau.

Được rồi, bạn có thể loại, bạn biết đấy, hãy cho nó một màu nền khác, chỉ để thấy bạn thích.

Đượ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ờ, chúng ta hãy làm các nút, 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ẽ thực hiện các điều khiển DOT.

Vì vậy, hãy chắc chắn kiểm soát áp lực, đây là chính tả sai, tốt, điều đó không quan trọng.

Vì vậy, bên trong các điều khiển, chúng tôi 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ẽ kiểm soát Hà Lan.

Control.

Vì vậy, đó là một nút sẽ có một điều khiển.

Và sau đó nó sẽ có một quyền kiểm soát.

Vì vậy, người đầu tiên sẽ là một điều khiển, quyền kiểm soát thứ hai để kiểm soát ba, v.v.

Vì vậy, tôi sẽ nói, kiểm soát.

Vì vậy, cái này là Ctrl.

Một, tôi sẽ sử dụng dấu hiệu đô la.

Vì vậy, dấu hiệu đồng đô la có nghĩa là tự động tăng số, tùy thuộc vào số lượng lớp trên số lượng div mà chúng tôi đã tạo.

Được rồi, vì vậy, kiểm soát, và sau đó nó sẽ có một lớp thực sự khác sẽ không giành được 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 hoạt động.

Vì vậy, đó là lần đầu tiên sẽ có một lớp 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 các khác.

Được rồi, vì vậy, suy nghĩ như thoát khỏi điều 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, tất cả các cách đến năm.

Được rồi, vì vậy 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ể đi đến phông chữ tuyệt vời, và sau đó bạn có thể, ví dụ, tìm kiếm, hãy nói, về nhà, bạn có thể tìm kiếm một biểu tượng mà bạn đang tìm kiếm, trong trường hợp này, và sau đó là bạn Chỉ cần sao chép cái này, và sau đó bạn dán nó vào, như vậy.

Vì vậy, đó là biểu tượng mà 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ì vậy chúng tôi đang sử dụng một phong bì tờ báo ấm áp mở, đồng ý với cái này sau.

Được rồi, vì vậy bây giờ, tôi sẽ lưu điều 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 tôi sẽ sử dụng vị trí cố định vì chúng tôi cần phải ở một vị trí cố định.

Được rồi, vì vậy chúng tôi sẽ nhắm mục tiêu các điều khiển.

Bạn có thể đưa ra một nhận xét ở đây, nói rằng các điều khiển, điều khiển, và sau đó ở đây, bạn chỉ cần điều khiển bụi bẩn.

Được rồi, vì vậy đây là cha mẹ.

Vì vậy, vị trí, chúng tôi sẽ làm một người cố định, vì vậy đó là container cha mẹ và sau đó chỉ mục Z sẽ chỉ là 10 chỉ luôn ở trên đỉnh.

Và sau đó tôi sẽ làm top 50%.

Được rồi, và sau đó quyền sẽ là 3%.

Vì vậy, khi nào bạn được căn chỉnh để sống không gian 3% từ bên phải.

Vì vậy, họ đang ở đó.

Vì vậy, bây giờ 3% không gian sống từ phía bên phải.

Được rồi, vì vậy bây giờ chúng ta sẽ hiển thị, flex, hướng flex, cột.

Và sau đó chúng tôi cũng sẽ đến, 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ữ vào một lúc nào đó sau đó, nhưng tôi muốn thực sự gửi cái này trong trục Y.

Vì vậy, để tập trung vào điều này trong y, chúng ta có thể biến đổi, dịch y trừ 50% để tập trung vào điều này trong y để tôi lưu, như bạn có thể thấy ở đó, bây giờ họ đã cập nhật, giờ họ đã tập trung một cách độc đáo.

Được rồi, vì vậy chúng tôi đã tập trung, tôi sẽ thực hiện các mặt hàng để trung tâm, và sau đó chỉ để nội dung để tập trung.

Được rồi, vì vậy tôi sẽ nhắm mục tiêu kiểm soát lớp kiểm soát.

Lớp kiểm soát.

Vì vậy, đối với lớp kiểm soát, tôi sẽ cho nó một phần đệm, vì vậy 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 đó một con trỏ sẽ là con trỏ.

Được rồi, vì vậy con trỏ và sau đó tôi sẽ cho nó một màu nền.

Màu nền sẽ là vì vậy nó sẽ rất biết ơn.

Vì vậy, nó sẽ rất 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 một cái gì đó làm tròn.

Vì vậy, bán kính biên giới sẽ là 50% để làm cho chúng làm tròn.

Được rồi, như bạn có thể thấy bây giờ là tròn, nhưng tôi muốn tập trung vào các biểu tượng được tập trung độc đáo.

Vì vậy, để làm điều đó, chúng tôi sẽ sử dụng flex, nó dễ dàng hiển thị, uốn cong và căn chỉnh và chỉ để nội dung vào trung tâm, không sao, 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à ký quỹ.

Vì vậy, trên cùng và dưới cùng sẽ là điểm bốn 0,7, rem, và sau đó không, trái và phải.

Được rồi, chúng ta sẽ đưa ra một bóng hộp hộp Box Shadow, chúng ta cũng có thể muốn đặt Shadow Box này vào một biến, thành thật mà nói.

Tôi sẽ tạo ra một ở đây tôi sẽ nói, folks, Shadow Shadow One.

Và sau đó, đây là các giá trị hoặc 0 trên trục X, ba pixel trên y 15 pixel cho mờ và sau đó độ mờ là 0,3.

Được rồi, vì vậy đây là bộ xử lý mà chúng tôi sẽ sử dụng.

Và điều này sẽ kết thúc, và sau đó tôi sẽ dán vào biến, chỉ trong trường hợp chúng tôi không thích làm lại bức ảnh này, bởi vì tôi muốn tái sử dụng người bán sách này rất nhiều trong video này.

Được rồi, vì vậy họ, họ thể hiện độc đáo.

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 vào 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àm tổ trong các yếu tố.

Được rồi, vì vậy chúng ta có thể làm tổ một số yếu tố 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 nó lên 1.2.

Rem, tôi muốn nó lớn hơn một chút.

Và sau đó tôi cũng sẽ cho nó một màu sắc và các sự kiện con trỏ của không có.

Vì vậy, các sự kiện con trỏ, nó có nghĩa là tôi muốn, nếu khi tôi nhấp vào, tôi không cần phải làm bất cứ điều gì, nó không phản ứng với nhấp chuột, hoặc với chuột, bất cứ điều gì.

Được rồi, vì vậy bây giờ với chúng ta hãy lưu, mọi thứ trông đẹp.

Mọi thứ nhìn vào điểm.

Được rồi, vì vậy bây giờ, tôi sẽ đến, vì vậy nếu bạn nhớ, ở đây, tôi đã cho đây một lớp nút hoạt động này.

Vì vậy, bất kỳ nút nào, tôi muốn lớp hoạt động này, được áp dụng cho bất kỳ yếu tố nào tôi đã nhấp vào, đồng thời, loại bỏ các yếu tố khác với lớp đó, vì vậy khi tôi nhấp vào điều này, chỉ có nút để có nút hành động lớp đó, nút hoạt động, sau đó xóa các nút hoạt động còn lại, tên lớp.

Vì vậy, chắc chắn tính năng đó là một chút khó khăn cho bạn biế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 nào hoạt động, vì vậy ở đây, trên điều khiển, tôi sẽ nói, chấm, phiên bản hoạt động, tôi sẽ dừng điều đó.

Vì vậy, nó chỉ cho nó một màu nền và quá trình chuyển đổi.

Được rồi, giống như, vì vậy màu nền sẽ là màu thứ cấp, đó là màu xanh lá cây.

Và sau đó tôi sẽ chuyển biểu tượng bên trong mắt.

Vì vậy, tôi sẽ chỉ nhắm mục tiêu biểu tượng và cho nó một màu trắng.

Được rồi, vì vậy nó là.

Vì vậy, đó là nút hoạt động.

Có vẻ như mọi thứ bây giờ là trung tâm độ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, vì vậy bây giờ nút thực sự có màu xanh lá cây, chúng ta chỉ cần đi đến JavaScript.

Và hãy tạo ra một tệp JavaScript mới, thực sự.

Vì vậy, hãy làm tập tin mới, nó sẽ tùy thuộc vào 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 phần tử bằng lớp phần.

Vì vậy, phần chọn phần chọn tài liệu, bộ chọn truy vấn, tất cả mọi thứ nói rằng lớp của phần.

Vì vậy, hãy nhớ rằng, chúng tôi đã cung cấp tất cả các phần của lớp, 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à thùng chứa cha mẹ của 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ư cha mẹ, tôi đang chọn thùng chứa cha mẹ này, và sau đó 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ẽ ổn, vì vậy có một nút điều khiển nút thứ hai.

Vì vậy, đây là cha mẹ đây là nút thực tế tôi cũng sẽ chọn cơ thể, cơ thể là một lớp nội dung chính.

Vì vậy, có nội dung chính của cơ thể, đó là lớp học.

Được rồi, vì vậy ở đây, tôi sẽ tạo ra một chức năng mới.

Tôi sẽ sử dụng hàm chức năng để tạo chức năng mới.

Và sau đó chúng tôi 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.

Đó là tùy thuộc vào bạn, thực sự.

Vì vậy, bây giờ, chúng tôi sẽ đến đây, tôi sẽ nói, nút.

Nhấp, lớp hoạt động.

Lớp học tích cực.

Được rồi, vậy thì sao, tôi muốn xảy ra điều gì khi nhấp vào nút? Vì vậy, điều này, tôi muốn có thể thoát khỏi lớp không hoạt động, chỉ có lớp hoạt động, đó là những gì tôi muốn có lớp một.

Vì vậy, chúng tôi sẽ làm một vòng lặp, chúng tôi sẽ làm bốn người.

Vì vậy, chúng tôi sẽ cho phép chúng tôi sẽ tạo ra một biến mới.

Vì vậy, hãy để tôi ổn, vì vậy ban đầu nó sẽ được đặt thành 0 và sau đó chúng tôi sẽ nói rằng tôi ít hơn miễn là tôi nhỏ hơn chiều dài, độ dài của nút, được chứ? Đến phần BTN.

Phiên BTN là cái này.

Được rồi, miễn là tôi ít hơn thế.

Chúng tôi sẽ tăng thêm.

Được rồi, 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ỉ mục, mắt.

Được rồi, bất cứ chỉ số nào chúng ta đang sử dụng.

Và sau đó tôi sẽ nói nó đi qua.

Trên thực tế, tôi sẽ thêm một trình nghe sự kiện cho bất kỳ chỉ mục nào chúng tôi đã nhấp vào.

Vì vậy, đây là chỉ số? Được rồi, vì vậy tôi sẽ nói DOT thêm người nghe sự kiện.

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à sau đó cái thứ hai sẽ là một chức năng gọi lại.

Vậy tôi đang làm gì? Đây sẽ là một chức năng khối.

Vì vậy, trong chức năng gọi lại này.

Được rồi, vì vậy trong trường hợp này, tôi sẽ chọn nút hiện tại, bất kỳ nút nào được nhấp vào nút hiện tại, bạn có thể 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 thô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 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 một chỉ mục chỉ mục bằng 0, tôi sẽ nói với một tên lớp, sau đó tôi sẽ nói chỉ số BTN hiện tại không, sau đó tôi sẽ làm tên lớp, tôi sẽ không Danh sách tên lớp.

Và sau đó tôi sẽ thay thế nó bằng một chuỗi trố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 đã đi thay thế bằng một chuỗi trống.

Được rồi, vì vậy bất cứ nút nào nhấp vào, khi chúng tôi không để nhấp vào nó nữa, chúng tôi sẽ đến lớp và nhấn chuỗi trống.

Vì vậy, ở đây, tôi sẽ làm tên lớp chấm này.

Vì vậy, điều này đang đề cập đến chức năng này.

Được rồi, vì vậy đây giống như một chủ đề khó hiểu để tìm hiểu về từ khóa này trong JavaScript.

Thật là kỳ lạ.

Và sau đó tôi sẽ làm cộng với người hoạt động, BTN hoạt động.

Như thế.

Vì vậy, bây giờ, khi tôi lưu, chúng tôi cần gọi chức năng này, bệnh nhân trang bệnh nhân.

Vì vậy, hãy đi chức năng.

Chúng ta hãy thực sự tồi tệ hơn, tôi cần liên kết tệp JavaScript này, đi đến các tập lệnh.

Các tập lệnh, và sau đó chúng ta sẽ đi đến nguồn và sau đó lên đến j s.

Sau đó, hãy lưu lưu mọi thứ và sau đó đi đến kiểm tra trang.

Và sau đó khi chúng tôi nhấp vào nút này hoặc miễn phí 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ẽ thoát khỏi hoạt động này.

mô hình ở đây.

Được rồi, đó là một chỉ số.

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 đã 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.

Từ khóa này.

Tên lớp để thay thế.

Được rồi, một cái gì đó là sai danh sách lớp học.

Ồ, không có đám mây nào được cho là tên lớp, không phải danh sách.

Được rồi, vì vậy chúng ta hãy lưu cái này.

Hy vọng, công việc phát hành, nhấp.

Không có gì xảy ra, chúng tôi có một lỗi một lần nữa.

undefined.

Lạ nhỉ.

Tên lớp BTN hiện tại Thay thế Active BTN.

Vì vậy, bạn chỉ cần đảm bảo cho tôi kiểm tra kỹ, có thể chỉ cần kiểm tra kỹ xem việc đặt tên có chính xác không.

Tôi sẽ sao chép và dán và thay thế mọi thứ ngoại trừ tốt, tôi nghĩ việc đặt tên là chính xác.

Được rồi, chúng ta hãy cố gắng tìm ra những gì đang xảy ra.

Nút hiện tại không xác định tại Evaton okay, The, đặ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 gì, cái gì? Không xác định ở đây tôi chỉ nhận ra một cái gì đó tôi không tôi không tìm thấy lỗi, nhưng phải sử dụng chức năng mũi tên ở đây.

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ẽ làm chức năng như vậy, thay vì, vì từ khóa này không tồn tại trong hàm 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? Ok, vì vậy hãy để tôi chỉ cho bạn ghi âm.

Chỉ ngay sau khi tôi dừng video, đó là khi tôi nhận ra rằng tôi đã sử dụng hàm lỗi.

Được rồi, vì vậy khi tôi đi đến giao diện điều khiển, được rồi, mọi thứ đều hoạt động tốt.

Vì vậy, bây giờ nó hoạt động như mong đợi.

Chỉ, vì vậy, 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.

Okay.

Vì vậy, bây giờ chúng ta hãy chuyển sang bước tiếp theo sang bước tiếp theo.

Vì vậy, trong giai đoạn tiếp theo, chúng ta hãy thực sự thực hiện nội dung.

Nhưng để có thể làm điều đó, chúng ta cần có khả năng đạp xe giữa các phần này.

Được rồi, vì vậy bây giờ chúng tôi đã thực hiện 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 cái gì đó 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 một phần với ID này.

Vì vậy, trong trường hợp này, nó sẽ tìm kiếm phần Giới thiệu với ID về danh mục đầu tư về danh mục đầu tư, blog và liên hệ.

Vì vậy, hãy chắc chắn rằng bạn thêm ID dữ liệu bên cạnh mã tiếp theo vào lớp sau lớp.

Và sau đó ở đây tôi cũng sẽ thêm ID dữ liệu vì vậy đây sẽ là tiêu đề nên cái này sẽ tìm kiếm tiêu đề.

Trên thực tế, chúng ta có thể làm chính, một ngôi nhà.

Đó là tùy thuộc vào bạn về nhà.

Được rồi, vì vậy tôi sẽ cung cấp IDS vì vậy tôi làm ID.

Vì vậy, cái này sẽ ở nhà vì vậy hãy cung cấp ID Giáng sinh, hãy chắc chắn rằng ID này phù hợp với ID dữ liệu ở đây.

Vì vậy, đối với ngôi nhà, mô hình đầu tiên, mô hình đầu tiên sẽ về 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ề, và sau đó phần ba này, id, port folio, sau đó id, phần này sẽ là blog.

Và cuối cùng, chúng tôi có liên hệ, ID, liên hệ.

Được rồi, vì vậy các ID này sẽ giúp chúng tôi điều hướng qua các phần này.

Được rồi, vì vậy bây giờ chúng tôi có những ID đó, chúng tôi đã thực hiện 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 chính, các phần có ở đó, thực tế, chúng ta cần tạo kiểu cho các màu nền khác nhau này.

Đượ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 lam, để 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ó thang đo tỷ lệ bằng không.

Và thực sự dịch là trừ 100%.

Vì vậy, chúng ngoài màn hình và tỷ lệ cũng bằng không.

Vì vậy, bạn chưa thấy chúng, vì vậy chúng tôi chỉ cần làm một chút JavaScript.

Vì vậy, chúng tôi sẽ có thể nhìn thấy chúng sau này.

Được rồi, chỉ để bạn xem các 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 làm lớp hoạt động.

Vì vậy, khi chúng tôi nhấp vào mỗi nút sẽ thực hiện một lớp hoạt động.

Được rồi, vì vậy lớp hoạt động sẽ là lớp hoạt động sẽ được thêm vào các phần.

Được chứ? Vì vậy, ở đây, tôi sẽ nói các phần.

Lớp học tích cực.

Đượ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 đang 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ác phần này giống như cha mẹ 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 mỗi phần, vì vậy tôi sẽ lặp lại bất cứ thứ gì bên trong cơ thể.

Okay.

Vì vậy, trong trường hợp này, tất cả các phần nằm trong cơ thể.

Vì vậy, nó sẽ có chức năng gọi lại, tôi sẽ nói phần.

Được rồi, vì vậy chúng tôi có phần, thực tế, chúng tôi cần thêm một trình nghe sự kiện, chúng tôi sẽ xem qua sau thêm người nghe sự kiện.

Và sau đó khi tôi nhấp vào bên trong, mẹo là gì? Được rồi, vì vậy bạn có thể thực hiện chức năng bìa của mình ở đây, và sau đó chúng tôi sẽ đi vào một sự kiện.

Vì vậy, E là cho sự kiện.

Được rồi, vì vậy tôi sẽ đến, tôi sẽ nói e, nhật ký kiểm soát ở đây, tôi sẽ nói E Dot Target.

Được rồi, vì vậy tôi sẽ lưu, chúng ta hãy đến bảng điều khiển, để tôi chỉ cần nhấp vào bất cứ nơi nào.

Vì vậy, nó chưa làm gì cả, 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ỳ yếu 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ỳ yếu 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ỉ cần thêm trình nghe sự kiện vào bất kỳ yếu 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 ở đâ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.

ID.

Và sau đó chúng ta sẽ nói là chi phí cho E cho một tập dữ liệu dữ liệu DOT đích như thế này và sau đó.id.

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ỳ yếu tố nào đã nhấp vào mục tiêu, những gì sẽ nhắm mục tiêu tập dữ liệu.

Vì vậy, bộ dữ liệu là cái này ở đây.

Nhận ID dữ liệu ở đâ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 các bộ 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 bộ dữ liệu cho điều đó.

Vì vậy, tôi muốn lấy tên của các bộ dữ liệu này ở đây.

Được rồi, đó là những gì điều này đang đề cập đến.

Vì vậy, tôi thích lấy bộ 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 ta có ID, bất cứ điều gì chúng ta sẽ làm, trước tiên chúng ta sẽ xóa bản xóa, được chọn, được chọn từ nút khác.

Được rồi, đó là một cái gì đó tương tự.

Vì vậy, AM sẽ làm các nút phần, là thùng chứa củ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, vì vậy để làm điều đó, chúng tôi sẽ làm cho mỗi nút, vì vậy mỗi nút vì vậy cho mỗi nút, tôi sẽ làm bằng BTN là nút đến một lớp danh sách lớp này và sau đó tôi sẽ xóa Lớp nút hoạt động thực sự hoạt động, nút hoạt động hoạt động là một lớp khác cho kiểu dáng của các nút.

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 nó cho các phần, không phải các kiểu hoạt động như thế này.

Vì vậy, đây là điều 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, mỗi nút riêng lẻ.

Nếu chúng ta nhấp vào nút mới, chúng ta sẽ loại bỏ lớp học.

Và sau đó chúng ta sẽ nói ăn hoặc nhắm mục tiêu.

Và sau đó chúng tôi sẽ nói danh sách lớp, chúng tôi 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 tôi sẽ thực hiện Target hoặc không có lớp, sẽ đến từ đây sự kiện.

Được chứ? Vì vậy, chúng tôi sẽ thêm một lớp hoạt động.

Được rồi, vì vậy bây giờ chúng tôi đã thêm lớp, 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ẽ làm những phần đó.

Vì vậy, điều này, chúng tôi chưa thấy các phần.

Nhưng khi tôi nhấp vào nút Active, tôi muốn có thể đặt màn hình và bản dịch bản dịch theo 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 mỗi phần.

Vì vậy, nếu bạn nhớ, các phần sẽ đến đây từ phần.

Vì vậy, mỗi giây là tôi nhìn qua mọi 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ẽ phân chia danh sách lớp.

Bây giờ thêm hoặc xóa, nó giống như điều tương tự mà chúng tôi đã thực hiện với nút.

Tôi sẽ nói hoạt động.

Được rồi, vì vậy đó là khá nhiều nó thực sự đã thực hiện.

Vâng, tôi sẽ làm thêm một điều nữa, các yếu tố liên tục.

Element, và sau đó bạn sẽ làm tài liệu.

document.

Và sau đó chúng ta sẽ thực hiện dot get phần tử theo ID, phần tử theo ID.

Và sau đó chúng ta sẽ vượt qua ID.

Vì vậy, bất cứ ID nào đến từ bộ dữ liệu sẽ nằm trong phần tử, biến phần tử, chúng tôi sẽ lưu ID.

Vì vậy, hãy nhớ rằng, ở đây chúng tôi cung cấp cho chúng tôi cung cấp ID ở đây, ID về danh mục đầu tư.

Vì vậy, bất cứ yếu tố nào chúng ta đang sử dụng, chúng ta sẽ vượt qua 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 cứ yếu tố nào chúng tôi đang bật, và sau đó chúng tôi đang nhắm mục tiêu ID.

Vì vậy, bây giờ chúng ta sẽ 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 chỉ cần thêm hoạt động.

Được rồi, vì vậy bây giờ tôi sẽ lưu chúng ta hãy xem những gì chúng ta có.

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 nên có một tiêu đề lớp học tích cực.

Chúng tôi đã thêm thủ công này, nhưng khi tôi nhấp vào một cái gì đó khác, hy vọng sẽ loại bỏ điều này và đặt nó ở một nơi khác.

Khi tôi nhấp vào Yep, nó đã loại bỏ 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 học hiện có.

Được rồi, vì vậy bây giờ chúng ta chỉ có thể sử dụng hoạt động trên một yếu tố.

Nhưng chúng tôi không thấy các phần của chúng tôi ở đây.

Họ ở đó, nhưng chúng tôi không nhìn thấy họ.

Bởi vì chúng bị ẩn, chúng ta chỉ cần hiển thị các phần đó.

Vì vậy, tôi sẽ đi theo Sec Five Five, tôi sẽ hoạt động dot.

Vì vậy, nó cho biết khối hiển thị hoạt động, vì vậy chúng tôi chỉ muốn hiển thị bất kỳ yếu tố nào đang hoạt động.

Okay.

Bây giờ, hãy nói như vậy bây giờ đầu đang hoạt động, nó có một màu xanh lá cây.

Nó đang hoạt động.

Được rồi, vì vậy mọi thứ hoạt động.

Chúng ta có thể đạp xe qua các phần.

Được chứ? Nhưng phần này, chúng không hoạt hình? Không, không, đó không phải là những gì chúng tôi muốn.

Vì vậy, ở đâ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à hình ảnh động, thời lượng sẽ là một giây.

Và sau đó chúng ta sẽ có một sự dễ dàng và dễ dàng.

Vì vậy, tôi sẽ làm một hoạt hình ở đây.

Tôi sẽ làm điều đó các khung hình chính, và sau đó cái này sẽ được quy mô.

Và anh ta.

Vì vậy, đó không bao giờ là hình ảnh động, thời lượng sẽ là một giây.

Và sau đó chúng ta sẽ có một sự dễ dàng và dễ dàng.

Vì vậy, tôi sẽ làm một hoạt hình ở đây.

Tôi sẽ làm điều đó các khung hình chính, và sau đó cái này sẽ được quy mô.

Vì vậy, đó là tên của tên máy nhân hình hoạt hình.

Và sau đó tôi sẽ làm với 0% những gì chúng tôi muốn là 0, biến đổi, dịch.

Pháp, biến đổi muộn, biến đổi, dịch 0%.

Dịch Y.

Được rồi, vì vậy đối với y ở đây cũng giống như chúng tôi đã làm trước đây.

Quy mô, không.

Được rồi, vì vậy nó sẽ chỉ có hai trạng thái, 10% 0% và 100%.

Now.

Được rồi, nhân tiện, toán học của tôi bị phá vỡ là gì, anh ấy đã nhấp chuột gấp đôi khi tôi không cần.

Vì vậy, khi tôi tự động thực hiện một cú nhấp chuột bằng một cú nhấp chuột và để có được một con chuột mới, được rồi, vì vậy đây chỉ là đặt lại các giá trị để quay lại bằng không và tỷ lệ đó thành một.

Được rồi, chúng ta hãy lưu cái này.

Hy vọng rằng nó sẽ hoạt động.

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à những 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 chạy quy mô mọi thứ.

Vì vậy, chúng tôi chỉ muốn mở rộng trục y.

Vì vậy, khi nội dung đến từ, bạn biết, lên.

Như bạn có thể thấy, bây giờ chúng ta có thể, bạn biết, làm những hiệu ứng đó.

Được rồi, đó là nó cho các hiệu ứng bây giờ có thể chà qua các phần.

Tôi sẽ nghỉ ngơi ngay bây giờ.

Và sau đó tôi sẽ trở lại theo một cách, tôi sẽ uống một í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, chúng ta 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ỉ chủ yếu sẽ có một số hình ảnh và công cụ.

Vì vậy, ở đây, tôi sẽ làm một nội dung tiêu đề lớp học.

Vì vậy, nội dung tiêu đề sẽ có một bên tay trái và tiêu đề bên trái bên trái và sau đó chúng tôi sẽ có tiêu đề bên phải để bên phải.

IMG, IMG Hero, làm tên hình ảnh và sau đó đi sang 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 tôi sẽ có H2, với tên.

Tôi sẽ chỉ dán vào tên ổn, vì vậy chảo này xung quanh tên vì tôi muốn tô màu màu này trong cái tên duy nhất một màu khác mà tôi xung quanh với chiếc chảo này.

Được rồi, vì vậy chảo này hoặc lưu một lớp tên, tôi không biết mình có như vậy, tôi sẽ thoát khỏi lớp Span, tên lớp sẽ nghe như thế này mở rộng.

Okay.

Dưới đây, chúng tôi sẽ có một thẻ P A, người 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 nền, bạn tình tôi chơi một trò chơi video khi tôi làm một dấu chấm, chính, chính BTN.

Được rồi, đó là một thẻ neo.

Vì vậy, nó sẽ có một biểu tượng.

Và nó sẽ có hai nhịp, đây là chảo đầ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, đây là một thẻ neo là một liên kết, bạn có thể làm cho nó đi đâu đó hoặc đến Google Drive, bất cứ nơi nào bạn đang lưu CV của mình hoặc bất cứ điều gì, bạn có thể gửi nó ở đó.

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ừ phông chữ tuyệt vời.

Được rồi, vì vậy bây giờ đó là nó cho nội dung tiêu đề, chúng ta chỉ cần thực hiện các phong cách, tôi sẽ thoát khỏi màu xanh lá cây này ở đây.

Vì vậy, đó chỉ là để thử nghiệm mục đích để bạn thấy, để cho bạn thấy rằng các phần đang hoạt động, tôi sẽ thoát khỏi anh chàng này khi tôi thoát khỏi mọi thứ.

Được rồi, vì vậy bây giờ chúng ta còn lại với các màu mặc định.

Vì vậy, bây giờ chúng ta hãy chạm vào làm tiêu đề.

Vì vậy, đối với nội dung tiêu đề.

Sau khi kiểm soát, tôi sẽ nói nội dung tiêu đề và nội dung và sau đó tôi sẽ thực hiện 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 ta có thể muốn sử dụng lại, chúng ta sẽ Đặt chúng xuống đây.

Được rồi, 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 các nội dung khác, chúng tôi sẽ hiển thị lưới, chúng tôi sẽ đặt hai cột 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, và sau đó là một Fr.

Vì vậy, tất cả họ sẽ bình đẳng.

Vì vậy, khi tôi lưu, vì vậy 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, đó là những gì chúng tôi muốn.

Và sau đó, 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 tiêu đề bên trái, tay trái.

Vì vậy, đối với màn hình đó, flex, căn chỉnh các mục, căn chỉnh các mục so với trung tâm.

Được rồi, và sau đó vị trí sẽ tương đối vì khi nào để định vị một hình dạng tuyệt đối, điều đó sẽ đứng sau hình ảnh của chúng tôi.

Vì vậy, hình ảnh này lưu điều này sẽ có một hình dạng đằng sau nó.

Được rồi, đó là lý do tại sao chúng tôi làm người thân của container cha mẹ.

Vì vậy, hình dạng mà 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 sự chuyển đổi mà chúng tôi đã sử dụng trước đây, tôi sẽ dán trong quá trình chuyển đổi và sau đó chiều cao của một đại diện với 65%.

Màu sắc sai sẽ ở rất xa, nó sẽ có màu thứ cấp, nó sẽ là màu nền, và sau đó là vị trí tuyệt đối, và sau đó chúng ta sẽ làm bên trái, không, trên không, trên không.

Và sau đó chúng ta sẽ làm Z Index muốn đứng sau hình ảnh của một trừ một người thực sự muốn bị đứ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à các 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ụ, sau đó hình thang này, hình thang cái tên, nó thật khó hiểu khi đọc.

Và sau đó chúng tôi có thể 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ó thể sao chép mã này và sau đó bạn có thể dán nó bất cứ nơi nào 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à những giá trị mà tôi đang sử dụng.

Và sau đó sau đó, tôi sẽ nhắm mục tiêu hình ảnh.

Vì vậy, đối với hình ảnh, tôi sẽ cho nó bán kính biên giới.

Vì vậy, bán kính biên giới sẽ là VA, tôi sẽ làm MD, tôi không thể nhớ bán kính biên giới.

Nhỏ, quá.

Vì vậy, thiếu bán kính biên giới Mod hai là một biến.

Được chứ? Khi tôi làm chiều rộng và chiều cao, vì vậy nó sẽ là 90%, chiều cao 100, chiều cao 90%với 68%.

Và sau đó tôi lớn về màu sắc, màu nền sẽ còn xa.

Vì vậy, màu nền sẽ có màu đen.

Đó sẽ là màu nền, và sau đó là quá trình chuyển đổi 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 thùng chứa hình ảnh, chúng ta có một hình ảnh, hình ảnh, chiều rộng và chiều cao thực tế sẽ được đặt thành 1%.

Được rồi, và sau đó đối tượng vừa vặn để che để nó không kéo dài ra khỏi chân để che.

Vì vậy, hình ảnh này sẽ kéo dài, chúng tôi cũng muốn chuyển 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 phải sao chép và dán như thế này.

Và sau đó muốn hình ảnh này ở trong một thang độ xám cho ai đó nói rằng thang độ xám trong tương lai.

Và sau đó tôi sẽ đặt cảm giác tội lỗi, ân sủng, thang độ xám lên 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àm tổ các thành phần, các phần tử HTML và sau đó chúng ta sẽ đặt bộ lọc.

Tr có thật, không.

Được rồi, chúng ta hãy lưu.

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.

Alright.

Không thoát khỏi những thứ này.

Vì vậy, bây giờ yeah, hãy để tôi hoài nghi.

Vì vậy, bây giờ chúng ta hãy đi sang bên phải.

Vì vậy, sang bên phải.

Đó là chủ yếu, vì vậy chúng tôi đã tiêu đề trái, tôi sẽ thu gọn tiêu đề bên trái.

Tôi sẽ lưu tiêu đề đúng.

Được rồi, vì vậy đối với tiêu đề phù hợp và khi tôi hiển thị flex, hãy hiển thị trò chơi này, hướng uốn cong đến cột vì tôi muốn mọi thứ theo hướng cột.

Được rồi, và sau đó chỉ cho nội dung vào trung tâm, và sau đó đệm phải không? Để đặt một giá trị lớn ở đây, hmm, tôi nghĩ rằng tên hoạt động, sau đó kích thước phông chữ.

Vì vậy, đối với 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 mục tiêu vào cái chảo này bên trong nó.

Vì vậy, có một khoảng trong đó.

Vì vậy, chảo này sẽ có một màu, màu khác nhau, màu sắc, màu này sẽ có màu thứ cấp.

Thứ cấp, vì vậy thông qua màu thứ cấp.

Vì vậy, đó là màu của điều đó.

Và sau cái tên, chúng tôi có một đoạn văn, tôi sẽ cung cấp cho họ 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 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 cái gì đó giống như tôi sẽ lưu hãy xem những gì chúng ta nhận được.

Vì vậy, nó ở đó.

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ó thành phần độc lập.

Vì vậy, tôi sẽ nói Dot Main Btn ổn, vì vậy BTN chính này thực sự, tôi nghĩ thật khôn ngoan khi đưa nó vào một thùng chứa Dot Btn như thế.

Được rồi, vì vậy bây giờ chúng ta có thể cố gắng 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 dáng.

Okay.

Vì vậy, bán kính biên giới sẽ là 30 pixel.

Muốn được làm tròn đẹp, không phải là 20 bởi 30.

Được rồi kích thước phông chữ.

Chúng tôi sẽ làm màu.

Kế thừa và sau đó chúng ta sẽ có trọng lượng phông chữ, nó sẽ là 600 trên văn bản để dày.

Được chứ? Và sau đó tôi sẽ làm phần trăm tốt và sau đó tôi sẽ cung cấp cho bạn một đường viền với một pixel và màu thứ cấp.

Đó là biên giới, tôi sẽ hiển thị flex và căn chỉnh mọi thứ để trung tâm.

Được rồi, và sau đó tôi sẽ nói tràn với ẩn.

Okay.

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, và sau đó tôi sẽ cung cấp cho nó một phần đệm, từ trên và dưới 0 để làm lại trái hoặc phải.

Được rồi, vì vậy trong nút, chúng tôi cũng có, chúng tôi cũng có DOT BTN, chúng tôi có biểu tượng.

Okay.

Biểu tượng BTN.

Vì vậy, nếu bạn không nhớ tên lớp, biểu tượng BTN này.

Được rồi, vì vậy biểu tượng BTN, nó sẽ có màu của màu xanh lá cây, thứ cấp và sau đó được gửi, mọi thứ đều ở trong 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, để thiết lập mọi thứ chỉ cần hiển thị Flex Align Item Center Justify Nent Center.

Vì vậy, đệm trong khi ram, vì vậy nó giống như khoảng cách xung quanh.

Tôi sẽ lưu chúng ta 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ó điền vào toàn bộ chiều rộng, bởi vì chúng tôi đang sử dụng Flex trên thùng chứa cha mẹ.

Vì vậy, để loại bỏ hiệu ứng này, chúng ta có thể thực hiện BTN có thể là thùng chứa TN, nếu bạn nhớ, để đặt vào thùng chứa rõ ràng gọi là BT và Corn.

Ở đây, ở đó, giữa ngô, chúng ta sẽ hiển thị uốn cong trên màn hình đó.

Flex.

Và sau đó chúng ta sẽ nói tự căn chỉnh bản thân.

Pressure.

Sure.

flexter.

Yeah.

Vì vậy, bây giờ bây giờ chúng ta cần phải mang một cái gì đó ở đây khi bạn có một hình dạng giống như một hình dạng tương tự như một 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 với một chuỗi trống.

Vì vậy, chúng ta có thể bắt đầu điều này với bất kỳ phong cách nào chúng ta mong muốn.

Pacino Salutes Top 00 và sau đó viết sẽ bằng không.

Phải không, và sau đó chúng ta sẽ chuyển đổi, dịch X.

Vì vậy, chúng tôi sẽ đưa sự thay đổi ra khỏi nút, người đàn ông, cũng như phần trăm sẽ đi sang một bên khỏi nút, người đàn ông là một trong những phần trăm.

Chúng tôi cũng sẽ thực hiện quá trình chuyển đổi.

Tôi chỉ sẽ dán trong quá trình chuyển đổi.

Và sau đó tôi sẽ làm Z Index muốn đứng sau văn bản của nút, và như một điều ổn.

Vì vậy, bây giờ hình dạng này là ở đó, nhưng nó không có chiều rộng, chiều cao, bất cứ 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 lấy phần tử trước giả.

Tôi cần điều gì để dầu tôi muốn xảy ra điều gì? Tôi sẽ đặt chiều rộng và chiều cao của bạn 100% và sau đó đặt màu nền thành màu thứ cấp.

Được rồi, vì vậy bây giờ khi tôi kiểm tra, hãy để tôi kiểm tra điều này.

Chúng ta hãy tìm kiếm trước đó là ở đó trước khi Superman ở đó, nhưng hãy nhớ rằng chúng ta đang dịch trên trục X trừ một đại diện nên chúng ta cần đưa nó trở lại vị trí mặc định bằng không.

Được rồi, khi chúng ta có và sau đó khi chúng ta không có nó sẽ quay trở lại cách xa nút.

Chuỗi A đang thực hiện hiệu ứng này từ hướng sai.

Vì vậy, đó là từ trừ đi nó thực sự 100% vì chúng tôi sẽ có một 2% với giá trị tích cực trừ đi sẽ âm.

Được rồi, vì vậy tôi muốn sửa đổi tích cực để bây giờ nó đến từ phía bên phải.

Vì vậy, hãy xem, nhưng yeah, nó có.

Tôi nghĩ rằng chúng ta cần thêm một quá trình chuyển đổi ở đâu đó.

Ở đây, quá.

Chúng ta cần phải chuyển đổi ở đây để một nơi nào đó an toàn.

Scratch an toàn Tôi không biết đôi khi nó bị trục trặc không làm điều đó trước khi chuyển tiếp.

Tôi nghĩ trong lượn, đó là khi chúng ta cần chuyển tiếp, hãy nói bắt đầu làm điều đó.

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 ổn, không quan trọng, mà là hoạt động.

Được rồi, vì vậy bây giờ những gì chúng ta cần làm là đi đến phần tiếp theo, đó là phần Giới thiệu.

Phần ABA này, đó là A, nó chỉ là, tôi chỉ nói nó quá nhiều.

Rất nhiều nội dung ở đó.

Được rồi, vì vậy tôi sẽ đi về tôi về tôi kiểm tra xem tôi đã ghi lại bao lâu, tôi rất mệt mỏi.

Tôi đã quay video này như một vài lần và sau đó tôi đã mắc một lỗi quá tệ, tôi thậm chí không thể chỉnh sửa nên bây giờ tôi sẽ đi đến phần Giới thiệu để đến Mac Labs, các điều khiển về Trong đó, tôi sẽ tạo ra một div mới có tên là Tiêu đề chính.

Vì vậy, chúng tôi muốn có thể sử dụng lại tiêu đề này là vì vậy đây giống như một tựa game 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 nhịp bao gồm tôi.

Được rồi, vì vậy khi nào nên tô màu điều này khác nhau.

Vì vậy, trước tiên chúng tôi học được điều gì đó với Span, điều đó có nghĩa là chúng tôi sẽ tạo kiểu cho bài kiểm tra sự khác biệt đó khác nhau.

Được rồi, vì vậy trong các thành phần độc lập, vì vậy chúng tôi đã hoàn thành nút ngay bây giờ để làm tiêu đề chính.

Được rồi, vì vậy, cho người bảo trì.

Nó chỉ là văn bản phù hợp với trung tâm.

Văn bản căn chỉnh với trung tâm, và sau đó bây giờ chúng ta sẽ buộc vào 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, chữ hoa.

Trao đổi chữ hoa, và sau đó chúng ta sẽ thực hiện trọng lượng phông chữ, diễn đàn đầu tiên kích thước phông chữ.

Trọng lượng phông chữ sẽ là 700.

Và đó là nó bây giờ, chúng ta hãy ngăn chặn cái chảo này.

Vì vậy, đối với chảo này, tôi sẽ làm màu, nó sẽ là VA, nó sẽ là một màu thứ cấp.

Được rồi, vì vậy sau đó chúng ta sẽ nhắm mục tiêu PG, văn bản PG nên Big Tex sẽ đến một vị trí tuyệt đối sẽ giống như đằng sau bài kiểm tra chính.

Tôi sẽ nói Top 50% và sau đó chúng tôi cũng sẽ tăng 50%.

Và sau đó chúng ta sẽ làm màu, một màu xám và sau đó quá trình chuyển đổi được, tôi sẽ dán vào để chuyển đổi thường là Z INDEX trừ đi một chỉ số tôi muốn nó ở phía sau văn bản ổn, và sau đó trọng lượng phông chữ 800 Vì vậy, biến đổi này dịch nhỏ C sang Cinema phù hợp với phần trăm có nghĩa là khi nào nên gửi hoặc một cái gì đó.

Được chứ? Và sau đó kích thước phông chữ sẽ là 6,3 RAM.

Được rồi, chúng ta hãy lưu cái này.

Hãy xem những gì chúng ta nhận được.

Được rồi, vì vậy nó là.

Được rồi, vì vậy về tôi thì có chỉ số của tôi trong nền.

Được rồi, vì vậy bây giờ chúng tôi 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ề container container, và sau đó tôi sẽ có một thùng chứa bên trái ở bên phải về bên trái và phải.

Được rồi, vì 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 bắt đầu với H4 trong đoạn H4 là tiêu đề.

Được chứ? Và sau đó tôi sẽ sao chép lại nút đó, nút mà chúng tôi đã sử dụng trong tiêu đề.

Đượ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 của Nút Container.

Được rồi, tôi chỉ tái sử dụng dùi cui.

Tôi sẽ lưu cái này.

Vì vậy, nó ở đó.

Vì vậy, chúng tôi đang sử dụng lại nút này nhiều lần.

Tôi nghĩ điều đó tốt.

Được rồi, vì vậy ở phía bên phải, ngay về việc tôi sẽ thu gọn mô hình này.

Và sau đó tôi sẽ sụp đổ đoạn văn này.

Và sau đó tôi sẽ bị bỏ lại với những người có thể đánh giá được.

Vì vậy, ở đây, và chúng tôi sẽ nói về mặt hàng.

Được rồi, vì vậy mục bot sẽ có một lớp chấm, A B, T.

Text.

Được rồi, vì vậy ở đây, chúng ta sẽ có một văn bản lớn p p dot.

Được rồi, tôi sẽ nói có lẽ 650 hoặc 560 dự án cộng.

Okay.

Vì vậy, ở đây, tôi sẽ 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à phá vỡ, phá vỡ dòng, đi đến dòng mới.

Và sau đó, chúng tôi chỉ phá vỡ văn bản.

Được rồi, đó là nó cho điều đó.

Vì vậy, chủ yếu, ở bên phải, chúng ta sẽ có một lưới.

Được rồi, vì vậy chúng tôi sẽ đi các thành phần độc lập, tôi sẽ nói ở đây về ổn, vì vậy ở đây, tôi sẽ nói, về container.

Vì vậy, trong Giới thiệu, 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 đó một EFA.

Tất cả chúng sẽ có kích thước bằng nhau.

Và sau đó tôi sẽ làm phần đệm và đệm dưới cùng, tôi sẽ dán vào đây.

Vì vậy, nó không có trí tuệ, đệm, đệm 345, dưới cùng và phải về.

Được rồi, vì vậy, ở bên phải, nó cũng sẽ là một lưới.

Được rồi, hiển thị lưới, sau đó là lưới, ai đó 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à sau đó, 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ữ này giống như khoảng cách giữa hai mục.

Okay.

Bây giờ, chúng ta hãy lưu.

Hãy đi đến đó.

Vì vậy, đó là về mặt hàng, nó có.

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ẽ cho nó một biên giới một pixel trên pixel, và bán kính biên giới và một phép biến đổi và bóng tối, những cái chúng ta đã sử dụng cho một pixel và màu xám.

Được rồi, vì vậy và tuy nhiên, khi chúng ta có điều này khi chúng ta có A, tôi sẽ nói con trỏ mặc định.

Được rồi, và sau đó tôi sẽ nói Transform, 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 đó đi lên.

Vì vậy, đó là loại hiệu ứng tôi đang tìm kiếm.

Và sau đó là biên giới, tôi sẽ thay đổi màu đường viền từ chính sang phụ.

Và rồi cái bóng hộp.

Tôi sẽ tăng cường độ, độ mờ không sao, vì vậy từ mở một đến mở ba, hai.

Được rồi, tôi sẽ lưu cái này đi đến phần Giới thiệu.

Vì vậy, nó ở đó.

Vì vậy, bây giờ chúng tôi có một biên giới xung quanh bạn chỉ có màu xanh lá cây.

Được rồi, vì vậy bên dưới đó, bên dưới di chuột.

Chúng ta sẽ làm về văn bản các đỉnh, được, vì vậy, đệm.

Padding 1.5 Rem Bây giờ chúng ta sẽ làm là hiển thị flex, hiển thị để uốn cong.

Và sau đó chúng tôi cũng sẽ thay đổi hướng sang cột.

Được rồi, vì vậy bây giờ chúng ta sẽ tìm kiế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 phông chữ Rem trọng lượng thành 700.

Và sau đó chúng ta cũng sẽ thay đổi màu sắc, màu tuva, màu thứ cấp.

Được rồi, và bây giờ chúng ta sẽ nhắm mục tiêu văn bản nhỏ.

Đối với văn bản nhỏ này, tôi sẽ có phần đệm, trái của ba REM qua RAM, và sau đó khi định vị của người 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 được viết hoa.

Và sau đó khi kích thước phông chữ 1.2 rem thì màu sẽ có màu xám.

Và sau đó khoảng cách chữ cái muộn, khoảng cách chữ cái, tôi muốn đây là hai pixel và sau đó kết thúc tôi sẽ cho nó một yếu 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 bên trái 0, 250 pixel hàng đầu với hai RAM, hai pixel cao, tôi sẽ lưu điều này.

Được rồi, vì vậy nó là.

Vì vậy, đây là yếu tố giả trước, dòng theo nghĩa đen ở đây, tôi sẽ kiểm tra điều này.

Vì vậy, nó ở đó.

Vì vậy, bây giờ chúng tôi có một biên giới xung quanh bạn chỉ có màu xanh lá cây.

Được rồi, vì vậy bên dưới đó, bên dưới di chuột.

Chúng ta sẽ làm về văn bản các đỉnh, được, vì vậy, đệm.

Padding 1.5 Rem Bây giờ chúng ta sẽ làm là hiển thị flex, hiển thị để uốn cong.

Vì vậy, nó ở đó.

Vì vậy, bây giờ chúng tôi có một biên giới xung quanh bạn chỉ có màu xanh lá cây.

Được rồi, vì vậy bên dưới đó, bên dưới di chuột.

Chúng ta sẽ làm về văn bản các đỉnh, được, vì vậy, đệm.

Padding 1.5 Rem Bây giờ chúng ta sẽ làm là hiển thị flex, hiển thị để uốn cong.

Và sau đó chúng tôi cũng sẽ thay đổi hướng sang cột.

Được rồi, vì vậy bây giờ chúng ta sẽ tìm kiế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 phông chữ Rem trọng lượng thành 700.

Và sau đó chúng ta cũng sẽ thay đổi màu sắc, màu tuva, màu thứ cấp.

Được rồi, và bây giờ chúng ta sẽ nhắm mục tiêu văn bản nhỏ.

Vì vậy, chúng tôi sẽ làm đệm, phải không? Đadding, phải từ đó sẽ từ, và sau đó một thẻ ở thẻ P, chiều cao dòng.

Vì vậy, chiều cao dòng cho thẻ p này, tôi sẽ đặt nó thành hai rem azhar và sau đó chúng tôi sẽ làm phần trên và đáy sẽ là ram hoặc ram của chúng tôi, và sau đó màu sẽ có màu xám một.

Được rồi, điều đó và sau đó tôi sẽ nói với bạn rằng H4 chỉ được đưa vào chữ hoa văn bản, H4 và sau đó là thùng chứa của nút.

Trên thực tế, tôi có cần nói với bạn container, nút chỉ lưu mọi thứ nên tốt đẹp.

Nó ở đó.

Vì vậy, mọi thứ nó trông đẹp.

Chúng tôi là về.

Vì vậy, bây giờ chúng ta chỉ cần thêm nhiều hơn, nhiều thứ bên dưới đây.

Vì vậy, chúng tôi có những thanh tiến bộ trong các công cụ dòng thời gian.

Vì vậy, chúng ta hãy làm điều đó.

Now.

Vì vậy, chúng ta hãy đi đến HTML.

Tôi sẽ sụp đổ các thùng chứa về tôi sẽ thu gọn điều đó.

Vì vậy, bây giờ tôi chỉ muốn giống như thêm các số liệu thống kê, tôi sẽ làm về số liệu thống kê trước, không sao cả.

Vì vậy, ở đây các số liệu thống kê xe buýt không có gì nhiều đang diễn ra ở đây.

Chỉ là một H4 nhìn thấy kỹ năng của tôi.

Và sau đó khi tôi tạo một lớp gọi là Thanh tiến độ tiến trình, Div, chương trình, thanh tiến trình và sau đó một div khác gọi là tiến trình.

Bar.

Thanh tiến trình.

Được rồi, đó là một lớp học khác.

Trong đó, chúng tôi có một tiêu đề tên là P.

Progress.

Title.

Được rồi, đó là một tiêu đề P tiến độ, tôi sẽ nói HTML FIVE cho cái này.

Okay.

Và sau đó, chúng ta sẽ có container tiến bộ.

Được rồi, vì vậy, trong đó, chúng ta sẽ có văn bản tiến trình, p không ếch, văn bản ế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 bất cứ điều gì với bất kỳ tỷ lệ phần trăm nào trong 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ể 90%.

Đó giống như một thẻ P.

Và sau đó, tôi sẽ có một tiến trình cụm.

Vì vậy, đây là thanh tiến bộ thực tế.

Và sau đó trong đó bất cứ khi nào nhịp, và sau đó lớp cho kế hoạch này sẽ thực sự là M L.

Được rồi, đó là vì vậy đây là mục thanh tiến trình.

Chúng tôi có thể nhân đôi điều này nhiều lần như nhiều lần, tùy thuộc vào số lượng thanh tiến bộ bạn muốn làm.

Được rồi, vì vậy bây giờ chúng ta hãy đi đến các phong cách.

Vì vậy, về container.

Sau đó, tôi sẽ nói DOT về số liệu thống kê.

Chỉ số trên.

Vì vậy, ở đây, tôi sẽ làm phần dưới cùng với diễn đàn là tôi muốn một chút khoảng cách, tôi sẽ nói sự tiến bộ.

Thanh tiến độ.

Được rồi, vì vậy tôi sẽ làm một lưới hiển thị, chúng tôi đã thực hiện điều đó với các cột.

Và sau đó, tôi sẽ chuyển thanh tiến trình như thế.

Ở đây, tôi sẽ thực hiện hiển thị, uốn cong, hướng hướng đến cột ổn, tôi muốn chúng trở thành cái này hết.

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ẽ cung cấp cho nó mà bạn biết, 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ó vào trọng số phông chữ hoa m sẽ nói container tiến trình tiến trình, lớp biểu tượng tiến trình hiển thị các mục thẳng hàng flex đến trung tâm, vì vậy chúng tôi có một văn bản nhanh chóng như hoặc văn bản prog để văn bản không bao giờ chỉ là một màu tuyệt vời.

Được rồi, bây giờ chúng ta hãy lưu và hãy xem những gì chúng ta có cho đến nay.

Được rồi, vì vậy nó có một cái bên cạnh văn bản này ở đây để có một thanh tiến bộ được.

Vì vậy, một cái gì đó còn thiếu ở đây các kỹ năng của tôi ổn, không có gì thiếu bạn chỉ cần dừng H4 này được, vì vậy bây giờ chúng tôi chỉ cần để tôi kiểm tra tiêu đề H4 Stat.

À, được rồi, vì vậy chúng tôi có một lớp học là tiêu đề cho H4, tôi sẽ nói tinh bột.

Tinh bột thật chặt.

Đượ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ì vậy bây giờ chúng ta cần phải thực hiện thanh tiến độ ngay bây giờ.

Vì vậy, nếu văn bản tiến bộ sau đó chúng ta 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 điều này cho chiều cao, và sau đó là màu nền.

Tôi sẽ đặt một vị trí của người thân vì lưu lại điều này, chúng ta hãy xem những gì chúng ta nhận được.

Vì vậy, nó ở đó.

Vì vậy, đó là thanh tiến bộ của chúng tôi.

Nhưng chúng ta cũng cần một cái gì đó bên trong để thể hiện sự tiến bộ, tiến trình thực tế.

Được rồi, đó là cách chúng ta có nhịp bên trong đó bên trong tiến trình.

Vì vậy, vì vậy, nhịp sẽ chịu trách nhiệm điền vào chiều rộng.

Vì vậy, chảo này sẽ là một người tuyệt đối.

Đó là lý do tại sao chúng tôi đã làm phần trăm tương đối ở đây.

Vì vậy, bên trái và đầu sẽ bằng không, và sau đó chiều cao sẽ là 100%.

Được rồi, và sau đó màu nền sẽ là màu thứ cấp màu xanh lá cây.

Nhưng nếu tôi đặt chiều rộng ở đây, để nói, có thể với 60% như bạn có thể thấy, là ở đó.

Nhưng nếu tôi muốn tạo thêm các mặt hàng ở đây, nếu tôi thấy một thanh tiến bộ, tôi sẽ nói 12345, tôi sẽ tiết kiệm khi tôi đi, 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ó Giống như chiều rộng khác nhau theo ngôn ngữ lập trình có thể khác nhau hoặc một cái gì đó, một chiều rộng khác nhau.

Vì vậy, để làm điều đó, chúng ta cần cung cấp cho mỗi thanh tiến độ cá nhân, tôi sẽ làm lại điều này.

Được rồi, vì vậy bạn thấy chảo này, nó là một lớp HTML.

Vì vậy, bất cứ ngôn ngữ nào bạn đang làm, hãy cho nó một lớp đó.

Và sau đó sau chảo này, và 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 theo bất kỳ dữ liệu nào bạn muốn.

Vì 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, vì tôi không tiết kiệm được.

Được rồi, vì 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 bộ 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 một div ở một chiều rộng khác.

Vì vậy, trong trường hợp này, tôi sẽ dán vào các số liệu thống kê.

Điều đó làm UPS.

Tôi chỉ sẽ dán vào số liệu thống kê.

Được rồi, vì vậy các thanh tiến bộ.

Điều đó, vì vậy, bây giờ tôi đã thực hiện các thanh tiến trình tắt máy ảnh.

Vì vậy, bây giờ chúng ta nên có sáu thanh tiến bộ khác nhau.

Được rồi, ở đó.

Nhưng bây giờ có một cái gì đó còn thiếu.

Hãy nhìn xem, thanh tiến trình tiến trình này có, họ có tên lớp khác nhau.

Được rồi, vì vậy tôi sẽ sao chép những tên lớp đó ở đây và cung cấp cho chúng chiều rộng khác nhau.

Vì vậy, ở đây chúng tôi đã thực hiện HTML.

Và đó sẽ là dán trong 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 đó, phần còn lại của các lớp học, tùy thuộc vào bạn những gì bạn quyết định làm với họ.

Vì vậy, như bạn có thể thấy, bây giờ chúng tôi có khác nhau bây giờ chúng tôi có các thanh tiến bộ khác nhau.

Vì vậy, đó chỉ là vấn đề đưa ra một tên lớp khác cho một thanh tiến độ khác, bởi vì chúng tôi đang sử dụng lưới.

Được rồi, vì vậy mỗi thanh tiến trình, tôi có thể đặt cho nó một tên lớp khác nhau, bạn thực sự có thể thực hiện nhiều thanh tiến bộ, nhiều như bạn muốn.

Nó không giới hạn ở sáu là một lưới, phải không? Vì vậy, bạn có thể làm bao nhiêu tùy thích.

Như nhiều như bạn muốn.

Tuỳ bạn.

Okay.

Vì vậy, bây giờ, hãy làm tiêu đề này ở đây.

Tại sao chúng tôi đặt tên cho tiêu đề này? Tôi sẽ sụp đổ các thanh tiến bộ.

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 đề thống kê thống kê.

Được rồi, vì vậy chiếc ghế này chặt hơn.

Về điều này để độc lập, tôi muốn ở bên ngoài container này.

Tôi sẽ đi ra ngoài.

Tôi sẽ làm điều đó ở đây.

Tôi đã nói chuyển đổi văn bản thành chữ hoa.

Sau đó, tôi sẽ cho nó kích thước phông chữ là 1,4.

REM và sau đó văn bản căn chỉnh để nói nhập.

Và sau đó tôi sẽ làm đệm.

Trên cùng và dưới cùng sẽ là 3,5 3,5, bên trái, trái và phải ZOMBIES bằng không.

Và sau đó vị trí tương đối.

Bởi vì tôi muốn tạo một trước đó để phần tử bên trong nó.

Vì vậy, tôi sẽ nói trước đây.

Vì vậy, bạn biết mũi khoan.

Trước khi chúng tôi thực hiện đ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 đó rời đi, tôi sẽ đặt một số thuộc tính ở đây, để lại 50%, Top 0% khi tôi cho nó một màu nền màu xám, và sau đó tôi sẽ tập trung vào trục X.

Vì vậy, tôi nói biến đổi, dịch x và sau đó trừ 50%.

Để tập trung điều này vào trục X, được rồi, bây giờ tôi sẽ đi đến ổn, vì vậy bây giờ chúng tôi đã tiêu đề kỹ năng của tôi.

Được rồi, nhưng chúng tôi cần biên giới của họ.

Trên thực tế, tôi nghĩ rằng chúng ta cần một biên giới.

Vì vậy, chúng tôi có thể cung cấp cho tiêu đề này có thể là một biên giới biên giới hoặc một cái gì đó.

Tôi không biết.

Vâng, 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à biên giới.

Vì vậy, điều này trước đây để yếu tố chịu trách nhiệm cho điều đó.

content.

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 tuyệt đối cho phép tôi kiểm tra để xem lý do tại sao nó không hiển thị.

Kiểm tra trước các yếu tố giả.

Nói có chuyển đổi dịch x không? Còn lại 50% biết tại sao O là chiều cao? Màu xương.

Tôi nghĩ rằng điều này có điều gì đó không ổn với màu lớn.

Nền không, nó không hiển thị chuỗi trống nội dung.

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ị.

Hãy để tôi cố gắng 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 đó vì vậy hãy kiểm tra việc đặ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 cho tôi xem nếu tôi có biến này.

Đúng? Nó ở đó.

Được rồi, chúng ta hãy làm điều gì đó khác.

Tôi sẽ hình dung tôi sẽ tìm hiểu sau những gì đang xảy ra.

Tại sao nó không hoạt động.

Vì vậy, hãy làm điều 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 như một dòng ở đây vào tiêu đề, nhưng vì một số lý do, nó không hiển thị.

Tôi sẽ cố gắng tìm ra lý do 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.

Vì vậy, tôi đã muốn đặt như một dòng ở đây vào tiêu đề, nhưng vì một số lý do, nó không hiển thị.

Tôi sẽ cố gắng tìm ra lý do tại sao.

Đượ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ư cùng một công cụ chúng tôi đã 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 tôi sẽ có một dòng thời gian, mục dòng thời gian.

Được rồi, vì vậy đó 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 thực hiện một mục dòng thời gian và khi nào, giả sử biểu tượng DOTS DOTS, 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ư một biểu tượng cặp.

Tôi sẽ kéo rằng bạn có thể vào thư mục triệu hồi, tìm bất kỳ biểu tượng nào mà bạn đang tìm kiếm.

Và sau đó p chấm đến dòng thời gian đến khẩu phần.

Và ở đây, bạn có thể đặt như một thời gian khi bạn bắt đầu làm việc cho một công ty và các 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ố ngẫu nhiên, khắc phục một số văn bản.

Được rồi, đó là nó.

Đó 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 đề trên dòng thời gian.

Here.

Chúng tôi chỉ có thể nói, dòng thời gian của tôi.

Được rồi, vì vậy chúng ta hãy lưu.

Hãy xem những gì chúng ta có.

Vì vậy, nó ở đó.

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 để thực hiện một lưới cho mục thiết bị đầu cuối này.

Okay.

Vì vậy, để làm điều đó, chúng ta chỉ cần đi đến các phong cách.

Chính ở đây, tôi sẽ nói dòng thời gian.

Được rồi, vì vậy Dots Timeline.

Và khi tôi nói lưới hiển thị với 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.

Và sau đó tôi sẽ nói DOTS Timeline, 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, vì sự phù hợp bởi vì tôi sẽ đến người tuyệt đối biểu tượng, mã hóa trái, phần đệm bên trái sẽ là ba rem, trái ba rem và sau đó là một biên giới của một biên giới pixel bên trái.

Vì vậy, tôi sẽ cung cấp cho bạn đường viền bên trái của một pixel với màu năm màu xám, và sau đó tôi sẽ chuyển đổi biểu tượng để 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 còn lại trừ 27 pixel, bạn có thể chơi xung quanh 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 bạn.

Được rồi, tôi sẽ tiết kiệm chỉ cho bạn thấy ý tôi.

Vì vậy, tôi sẽ đến để kiểm tra.

Vì vậy, đây là biểu tượng T, được rồi, tôi chưa lưu.

Được rồi, vì vậy để biểu tượng ổn, vì vậy bây giờ, vì vậy có biểu tượng của chúng tôi, được rồi, vì vậy bạn có thể chơi với giá trị này có giá trị bên trái để xem bất cứ điều gì bạn cần.

Vì vậy, trừ 27 là giá trị mà tôi thấy là tốt hơn.

Vì vậy, tôi sẽ nói số 0 và sau đó tôi sẽ nói cho nó một màu tòa nhà thứ cấp 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 biên giới là 50% Chắc chắn nó được làm tròn.

Đượ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ó ở đó.

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 để thực hiện một lưới cho mục thiết bị đầu cuối này.

Vì vậy, để làm điều đó, chúng ta chỉ cần đi đến các phong cách.

Chính ở đây, tôi sẽ nói dòng thời gian.

Được rồi, vì vậy Dots Timeline.

Và khi tôi nói lưới hiển thị với 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.

Và sau đó tôi sẽ nói DOTS Timeline, 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, vì sự phù hợp bởi vì tôi sẽ đến người tuyệt đối biểu tượng, mã hóa trái, phần đệm bên trái sẽ là ba rem, trái ba rem và sau đó là một biên giới của một biên giới pixel bên trái.

Vì vậy, tôi sẽ cung cấp cho bạn đường viền bên trái của một pixel với màu năm màu xám, và sau đó tôi sẽ chuyển đổi biểu tượng để 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 còn lại trừ 27 pixel, bạn có thể chơi xung quanh 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 bạn.

Được rồi, tôi sẽ tiết kiệm chỉ cho bạn thấy ý tôi.

Vì vậy, tôi sẽ đến để kiểm tra.

Vì vậy, đây là biểu tượng T, được rồi, tôi chưa lưu.

Được rồi, vì vậy để biểu tượng ổn, vì vậy bây giờ, vì vậy có biểu tượng của chúng tôi, được rồi, vì vậy bạn có thể chơi với giá trị này có giá trị bên trái để xem bất cứ điều gì bạn cần.

Vì vậy, trừ 27 là giá trị mà tôi thấy là tốt hơn.

Vì vậy, tôi sẽ nói số 0 và sau đó tôi sẽ nói cho nó một màu tòa nhà thứ cấp 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 biên giới là 50% Chắc chắn nó được làm tròn.

Đượ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, chúng tôi chỉ muốn đặt biểu tượng này bằng Flex.

Vì vậy, hiển thị các mục căn chỉnh Flex và chỉ để nội dung để tập trung vào biểu tượng được ổn, vì vậy và sau đó tôi chỉ cần gõ nó biểu tượng và sau đó cho nó kích thước phông chữ lớn hơn 1,3 RAM.

Được rồi, đó là nó, biểu tượng nên được xuất hiện độc đáo.

Nó ở đó.

Vì vậy, bây giờ chúng ta chỉ cần tạo kiểu văn bản này và tiêu đề.

Được rồi, vì vậy sau đây, tôi sẽ đến mức để xếp hạng được hiển thị ổn.

Vì vậy, đến thời lượng khi tôi cho nó một phần đệm và màu sắc, phần trên và phần dưới sẽ được chỉ ra ram trái và bên phải Six Ram và sau đó bán kính biên giới sẽ là 15 pixel.

Được rồi, vì vậy trong trường hợp này, tôi cũng sẽ dán vào một số giá trị một lần nữa, vì tôi không muốn lãng phí thời gian của bạn tôi 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 bạn muốn.

Được rồi, vì vậy, vì vậy đối với tôi, tôi đã thay đổi tất cả các dữ liệu hoặc chỉ làm ngẫu nhiên.

Vì vậy, để nó nhìn 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 sau vì tôi không biết nhiều như vậy.

Vâng, tôi nghĩ rằng tôi sẽ nghỉ ngơi ngay 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 của danh mục đầu tư.

Vì vậy, điều này sẽ là siêu nhanh và dễ dàng.

Vì vậy, nó giống như một lưới.

Vì vậy, chúng ta hãy đi đến phần Danh mục đầu tư.

Được rồi, vì vậy trong phần này, chúng tôi sẽ đặt một số mục lưới.

Vì vậy, chủ yếu, 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 ra.

Và sau đó chỉ cần đặt, đổi tên thành danh mục đầu tư của tôi chỉ sao chép tiêu đề, từ nơi chúng tôi đã thực hiện trước đó.

Và sau đó, yeah, đặ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ó ở đó.

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 vào đ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, chấm, sao? Những gì Foleo Folios, một cái gì đó như thế.

Và sau đó, chúng ta sẽ nói mục DOT Danh mục đầu tư.

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 đó 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 đến bảy, hình ảnh.

Và sau đó, chúng ta sẽ có bên dưới hình ảnh, chúng ta sẽ có các mục di chuột dot.

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 ở đó.

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ể 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 Target, Target.

Và khi tôi đặt mục tiêu vào trống, vì vậy nó có nghĩa là mở một trang mới.

Vì vậy, nếu mục tiêu gần với chỗ trống, nó sẽ mở 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 như bạn muốn.

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, GitHub, YouTube và GitHub vấn đề Behance.

Đó là các 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ặt hàng lưới, hoặc nhiều hơn, bất cứ điều gì phụ thuộc, tùy thuộc vào bạn.

Vì vậy, chúng tôi sẽ có một lưới với ba cột.

Bởi vì một khi bạn có ba vật phẩm được kích hoạt lưới mỗi hàng, được thôi, vì vậy hãy đi theo phong cách, tôi sẽ nói đặt folios để đó là cách tôi đánh bại 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ư DOT.

Đặt văn bản danh mục văn bản, tôi sẽ cung cấp cho nó một phần đệm, phần trên và phần dưới sẽ được ram sang trái và phải không.

Và sau đó văn bản căn chỉnh.

Sắp xếp văn bản, nó sẽ là trung tâm.

Và sau đó, tôi sẽ nhắm mục tiêu vào container của danh mục đầu tư.

Và sau đó tôi sẽ làm một lưới hiển thị.

Chúng tôi đã làm điều này cho các cột mẫu lưới Ages.

Và sau đó chúng tôi sẽ lặp lại và sau đó tôi sẽ ném vào một FR được rồi, vì vậy chúng tôi sẽ có ba cột và sau đó khoảng cách 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ẽ nói với bạn phần trên cùng, tôi sẽ cung cấp cho nó một RAM ba bên và sau đó tôi đã làm để đặt mặt hàng folio vào mục cá nhân thực tế, mục danh mục đầu tư và chúng tôi sẽ làm phần trăm tương đối và sau đó Tôi sẽ gắn thẻ hình ảnh bên trong là mục danh mục đầu tư và chúng tôi sẽ cho nó chiều rộng 40% ổn định với chiều cao 300 pixel và sau đó tôi sẽ làm cho đối tượng phù hợp để che và sau đó là bán kính nhưng tốc độ là gì Sẽ là 15 pixel 15 pixel, được không? Và sau đó bên dưới hình ảnh tôi sẽ nói các mục Dot Hover, các mục di chuột không sao, vì vậy thực sự trước khi tôi làm điều đó, tôi đã lưu Lưu Lưu Lưu ổn, vì vậy nó có.

Vì vậy, nó trông trông đẹp.

Nói trông đẹp.

Vì vậy, hình ảnh chúng ta chỉ cần tiếp tục đi bán kính biên giới vì một số lý do không áp dụng bán kính biên giới 15 pixel chúng ta cũng cần đặt RADIUS dường như không hoạt động cho dù đặt lại OH Border Radius ổn, chúng tôi sẽ sửa nó sau.

Vì vậy, bây giờ trên các mục có.

Mục danh mục đầu tư, hãy để tôi chỉ kiểm tra lại tên lớp.

Vì vậy, hãy chắc chắn rằng các tên lớp không sao, không sao cả.

Có các mặt hàng có một hoặc 2% đúng một hoặc 2%.

Màu nền sẽ là chính và sau đó vị trí sẽ là tuyệt đối.

Vì vậy, khi chúng tôi ổn, vì vậy nó vẫn chưa hiển thị.

Okay.

Bán kính biên giới sẽ được gửi là tốt.

Bán kính biên giới 15 pixel.

Được rồi, vì vậy họ có các mặt hàng định vị tương đối.

Hãy để tôi chỉ kiểm tra lại.

Trong kiểm tra oh, nó có vật phẩm có một hoặc nó như vậy? Được rồi, vì vậy có những món đồ của chúng tôi, đó là, đây, đây là màu xanh lá cây ở đây.

Vì vậy, chúng tôi sẽ tập trung tất cả các nội dung này ở đây trên trung tâm.

Vì vậy, bạn đã biết cách làm điều này, chúng tôi sẽ sử dụng Flex, Flex Align các mục để trung tâm và hướng hướng đến cột.

Được rồi, như vậy.

Và sau đó chúng ta hãy xem những gì chúng ta nhận được.

Nó đang tải.

Nó tổng hợp các kiểu.

Đôi khi anh ấy làm điều này.

Được rồi, vì vậy có tất cả các mặt hàng đượ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 cá nhân.

Okay.

Vì vậy, để làm điều đó, tôi sẽ bắt đầu với H3, H3 hướng vào bên trong bên trong đó, và chỉ muốn tăng kích thước phông chữ và cho nó một màu ở lề.

Vì vậy, đầu tiên sẽ là 1,5 RAM và phần dưới cùng là 1,5 RAM.

Được rồi, và sau đó, sau ba người, nhắm vào 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 như tất cả hiển thị flex, đến trung tâm.

Và sau đó là biểu tượng, biểu tượng cá nhân, tôi muốn cung cấp cho nó một màu nền của chính.

Vì vậy, chiều rộng và chiều cao phải giống nhau đối với chúng ta để làm tròn hai biện pháp bán kính biên giới tròn, 50%, chiều rộng và chiều cao phải giống nhau.

Vì vậy, bất cứ chiều rộng và chiều cao nào bạn đặt, lưới đều giống nhau để chúng tôi đảm bảo các biểu tượng được làm tròn độc đáo.

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 tập trung điều này ở giữa với flex.

Được rồi, vì vậy bạn để làm điều đó, và sau đó chúng tôi sẽ cho nó một lề trái và bên phải để chúng tôi không gian cho họ.

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.

Chuyển tiếp, ý tôi là, chuyển đổi, Z cho điều đó.

Được rồi, vì vậy nó là.

Tuy nhiên, chúng tôi có thể thực sự muốn thay đổi kích thước phông chữ của biểu tượng này, các 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ứ điều gì tôi thay đổi kích thước phông chữ và màu thành màu trắng và sau đó cho lề, trái và phải.

Của một, như vậy.

Được rồi, vì vậy 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ế mà tôi gắn thẻ, không sao, vì vậy nó chỉ có màu.

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ị điều này theo mặc định, được rồi, tôi chỉ muốn hiển thị nó khi tôi có mục lưới này.

Vì vậy, ở đây cũng vậy, tôi sẽ thoát khỏi việc thoát khỏi nó.

Vì vậy, để thoát khỏi nó, tôi sẽ nói rằng tôi sẽ nói đi lên ở ba người tôi sẽ cho một mục sư không mờ đục, điều đó có nghĩa là tôi sẽ muốn trốn tránh sự chia rẽ đó .

Và sau đó tôi cũng sẽ làm quy mô 0, biến đổi, biến đổi, tỷ lệ, không.

Okay.

Và sau đó chúng ta cũng làm một quá trình chuyển đổi, chúng ta đã sử dụng.

Được rồi, vì vậy, ừm, tôi muốn có một mục lưới.

Tôi muốn trả về hai giá trị mặc định, độ mờ và tỷ lệ này.

Được rồi, vì vậy để 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, 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 DOT có các mục trên chúng thành Opacity và chúng tôi cũng sẽ đặt nó ở một thang điểm thành một.

Được rồi, vì vậy chúng ta hãy xem những gì chúng ta có.

Được rồi, vì vậy khi tôi có nó, nó hiển thị, nhưng tôi chỉ cần sửa chữa hình ảnh này.

Vấn đề hình ảnh tôi không biết tại sao nó không hoạt động cho tôi chỉ cần kiểm tra hình ảnh.

Hình ảnh với Uber đã gửi chiều cao 30 pixel.

Được rồi, đó là cha mẹ của hình ảnh và sau đó là hình ảnh, tôi sẽ tự đặt chiều cao hình ảnh thành 100%.

Một cái gì đó tanh đang diễn ra.

Nếu bạn không đặt đối tượng chiều cao phù hợp, ồ, nó được chứa, nó được cho là che phủ, lỗi thông minh hoặc một đối tượng khép kín, có chứa đối tượng phù hợp để được bảo vệ.

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 gồm 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 tôi có thể nhân đôi chúng theo bạn cũng có thể thực sự, bạn biết đấy, làm động, vòng quay, nhưng tôi sẽ không làm điều đó trong video này.

Vì vậy, chúng ta 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ẽ nhân đôi 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 bạn nếu bạn muốn.

Vì vậy, bạn chỉ cần thay đổi xung quanh các giá trị.

Được rồi, vì vậy mục danh mục đầu tư, tôi sẽ sụp đổ mục danh mục đầu tư.

Và sau đó tôi sẽ nhân đôi số lần này nhiều lần 12345 nhiều lần nhiều lần bạn muốn, lưu, và sau đó quay lại, chúng ta hy vọng nên có nhiều danh mục đầu tư hơn, và sau đó bạn cũng chỉ cần thay đổi xung quanh những hình ảnh này.

Được rồi, vì vậy, 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ỉ cần 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 giống như bạn chỉ cần thay đổi theo hình ảnh của riêng bạn.

Vì vậy, tôi đã thay đổi hình ảnh.

Vì vậy, bây giờ, chúng ta 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 yếu tố không hiển thị là vì tôi quên làm điều gì đó, khi tôi mong đợi tôi quên làm 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 thực hiện vị trí tuyệt đối, và sau đó nó sẽ hiển thị ở đâu đó xuống.

Nó ở đó.

Vì vậy, đi đến các bước bắt đầu chặt chẽ hơn.

Ứng dụng 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 sắp xếp.

Ở đó là dòng ở đây.

Okay.

Vì vậy, đó là nó cho danh mục đầu tư.

Bây giờ chúng ta hãy đi cho các khối, các khối tương tự như danh mục đầu tư bởi vì đó là một chiếc 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 điều này.

Và khi tôi truy cập blog, tôi sẽ nói blog DOT, nội dung giống như phụ huynh, container chính của phụ huynh.

Vì vậy, trong đó, tôi sẽ dán vào 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 ra tiêu đề này trước đây.

Vì vậy, nó nằm trong tiêu đề, đó là nơi thực sự bên trong phần Giới thiệu, đó là nơi chúng tôi lần đầu tiên tạo ra tiêu đề này ở đây.

Vì vậy, chỉ cần sao chép tên chính tiêu đề.

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ó ở đó.

Vì vậy, đi đến các bước bắt đầu chặt chẽ hơn.

Ứng dụng 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 sắp xếp.

Ở đó là dòng ở đây.

Vì vậy, đó là nó cho danh mục đầu tư.

Bây giờ chúng ta hãy đi cho các khối, các khối tương tự như danh mục đầu tư bởi vì đó là một chiếc 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 điều này.

Và khi tôi truy cập blog, tôi sẽ nói blog DOT, nội dung giống như phụ huynh, container chính của phụ huynh.

Vì vậy, trong đó, tôi sẽ dán vào 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 ra tiêu đề này trước đây.

Vì vậy, nó nằm trong tiêu đề, đó là nơi thực sự bên trong phần Giới thiệu, đó là nơi chúng tôi lần đầu tiên tạo ra tiêu đề này ở đây.

Vì vậy, chỉ cần sao chép tên chính tiêu đề.

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.

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 dot.

Vì vậy, trong các blog, tôi sẽ làm blog, đó là nơi tôi sẽ làm tất cả các blog.

Vì vậy, trong các blog, tôi sẽ không DOT không chặn từng blog riêng lẻ.

Vì vậy, blog là một mục tuyệt vời.

Tôi sẽ làm để sao chép điều này nhiều lần để tạo ra nhiều mục lưới.

Được rồi, vì 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.

Vì vậy, sau đó, tôi sẽ làm blog DOT, văn bản.

Và sau đó trong đó, tôi sẽ có một H4.

Bạn có thể đặt bất cứ văn bản nào bạn mong muốn, bất cứ điều 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à nó cho mục blog, chúng ta chỉ cần bắt đầu điều này, không có nhiều thứ, chúng ta chỉ cần bắt đầu điều này và sau đó chúng ta có thể đi đến phần tiếp theo.

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 bằng không.

Được rồi, và sau đó những gì cần làm biến đổi, dịch, thực sự, tỷ lệ học cách mở rộng hình ảnh.

Tôi muốn nó lớn hơn.

Vì vậy, một bởi 1.1.

Vì vậy, hình ảnh thang đo 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ì vậy nó giống như 10%lớn hơn 10%.

Tôi không biết.

Yeah.

10%.

Được rồi, vì vậy, và sau đó, chúng tôi cũng sẽ làm một 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ị rất nhiều bóng trên trục Y.

Okay.

Vì vậy, bây giờ, chúng ta hãy lưu chúng ta hãy xem những gì chúng ta có được cho đến nay.

Khi tôi truy cập phần blog có vẻ như có một 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.

Plugs.

Tôi làm mới điều này.

Tôi không biết tại sao nó lại bị trục trặc.

Được rồi, phích cắm.

Đó là, thật kỳ lạ.

Hãy để tôi kiểm tra lại tên lớp.

Blogs.

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.

Okay.

Tôi nghĩ rằng tôi biết những gì đang xảy ra.

Quay lại.

Kiểm tra ID lớp.

Vì vậy, các blog ID.

Class.

Ồ, tên lớp này phù hợp với tên lớp blog của chúng tôi.

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 đó.

Portfolio.

thing.

Bạn có thể thoát khỏi các tên lớp này.

Chúng tôi sẽ không sử dụng chúng.

Hãy xem nó có ảnh hưởng gì đến bất cứ điều gì không.

Hãy lưu.

Đúng, không có gì bị ảnh hưởng.

Đúng, không có gì bị ảnh hưởng ở đây.

Okay.

Vâng, vì vậy chúng tôi đã không sử dụng những tên lớp học ở đâ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 để nó ngay bây giờ.

Nếu nó ảnh hưởng đến nó, hoặc nếu nó ảnh hưởng đến một cái gì đó, điều đó có nghĩa là chúng ta đang nâng cao lớp, chỉ cần thoát khỏi nó.

Được rồi, bây giờ, không trục trặc.

Vì vậy, nó ở đó.

Vì vậy, hình ảnh giống như bật ra khỏi vật phẩm lưới, như, bùng nổ, bùng nổ, nhưng chúng ta cần làm cho nó chuyển đổi một cách trơn tru.

Vì vậy, để làm điều đó, chúng ta hãy quay lại các phong cách.

Vì vậy, sau khi có hiệu lực, sau khi chúng tôi kết thúc với máy bay lượn, chúng tôi cần phải 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 cho đối tượng phù hợp.

Đối tượng phù hợp để che để che và sau đó phải làm gì, tôi muốn cung cấp cho bạn như các góc trên đỉnh, 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.

Bán kính biên giới, trên cùng.

Radius.

Chà, trên cùng bán kính, trên cùng bên trái, vì vậy trên cùng bên trái sẽ là con rắn trên cùng bên trái, chỉ cần cho năm pixel.

Và sau đó chúng ta sẽ làm năm pixel bên phải.

Vì vậy, hãy lưu chúng ta hãy xem những gì chúng ta có.

Vì vậy, đây là, chúng tôi có một đỉnh biên giới, trên cùng bên phải và trái.

Vì vậy, nó ở đó.

Vì vậy, hình ảnh giống như bật ra khỏi vật phẩm lưới, như, bùng nổ, bùng nổ, nhưng chúng ta cần làm cho nó chuyển đổi một cách trơn tru.

Vì vậy, để làm điều đó, chúng ta hãy quay lại các phong cách.

Vì vậy, sau khi có hiệu lực, sau khi chúng tôi kết thúc với máy bay lượn, chúng tôi cần phải 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%.

Oops.

Và sau đó tôi sẽ làm chiều cao 300 pixel.

Và sau đó tôi sẽ làm cho đối tượng phù hợp.

Đối tượng phù hợp để che để che và sau đó phải làm gì, tôi muốn cung cấp cho bạn như các góc trên đỉnh, 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.

Bán kính biên giới, trên cùng.

Chà, trên cùng bán kính, trên cùng bên trái, vì vậy trên cùng bên trái sẽ là con rắn trên cùng bên trái, chỉ cần cho năm pixel.

Và sau đó chúng ta sẽ làm năm pixel bên phải.

Vì vậy, hãy lưu chúng ta hãy xem những gì chúng ta có.

Text.

Vì vậy, đây là, chúng tôi có một đỉnh biên giới, trên cùng bên phải và trái.

Được rồi, vì vậy bây giờ chúng ta chỉ cần nói với cho nó một quá trình chuyển đổi và đưa ra bộ lọc.

Vì vậy, khi chúng ta có bộ lọc.

Chúng ta cần phải ảnh hưởng đến bộ lọc bây giờ thực sự, vì vậy một trong những hiện tại.

Vì vậy, ở đây chúng tôi đã nói rằng bộ lọc cho số không có Grays, và sau đó anh ta có một hoặc 2% và sau đó là một quá trình chuyển đổi để thực hiện chuyển đổi chậm chậm.

Được rồi, vì vậy nó sẽ chuyển từ chậm.

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 người đi không.

Vì vậy, theo mặc định, thang độ xám là 1%.

Khi bạn có thang độ xám sẽ đi đến 0, đó là bạn biết, đen và trắng.

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

Vì vậy, đối với văn bản khối, tôi sẽ cung cấp cho nó một tỷ lệ ký quỹ, thực sự là phần trên cùng.

Okay.

Vì vậy, đối với phần trên cùng, tôi sẽ thực hiện trừ bảy pixel.

Vì vậy, bạn có thể chơi xung quanh với giá trị này, chúng tôi có thể cố gắng tìm bất kỳ giá trị nào mà bạn thấy phù hợp.

Nhưng đối với điều này, tôi ổn, giống như bảy pixel trừ bảy pixel là một giá trị tốt.

Và sau đó tôi sẽ làm một phần đệm và đáy sẽ là 1.1 REM.

Trên thực tế, đệm, không có trên cùng và dưới cùng xung quanh mọi thứ.

Vì vậy, tôi muốn chặn phần đệm kết cấu xung quanh với giá RAM 4.1.

Hãy để tôi chỉ cho bạn những gì tôi muốn nói.

Vì vậy, 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, đó là điều đó.

Vì vậy, bây giờ chúng ta hãy, tôi sẽ làm một biên giới.

Một đỉnh biên giới.

Vì vậy, tôi sẽ làm nhưng là một đỉnh như thế này, nó pixel.

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 để nó chỉ là màu, màu thứ cấp.

Được rồi, như vậy.

Và sau đó là cạnh cho một đoạn tiền tệ, tôi cũng sẽ đặt màu.

Màu sắc cho màu xám, màu xám quá, và sau đó cho chiều cao dòng.

Vì vậy, khoảng cách của các dòng với RAM.

Và sau đó chúng tôi cũng sẽ làm phần dưới của RAM của chúng tôi.

Vì vậy, chỉ để cho nó một chút khoảng cách.

Vì vậy, bây giờ chúng ta hãy lưu.

Được rồi, đó là mục blog của chúng tôi, nó được tạo kiểu hoàn toàn.

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.

Okay.

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 có được mục lưới này và điền vào nhiều lần này, cho 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 vào nhiều lần này và thay đổi xung quanh các giá trị.

Okay.

Và sau đó tôi sẽ đặt như các 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ó ở đó.

Vì vậy, bây giờ tôi đã nội dung khác nhau cho các mục blog.

Được rồi, vâng, đó là nó cho blog.

Bây giờ hãy để tôi chuyển sang danh bạ.

Phần liên lạc cũng vậy, chúng tôi sẽ có hai phần còn lại và bên phải, bởi vì chúng tôi sẽ thực hiện một số đầu vào.

Okay.

Vì vậy, đối với phần liên lạc, đi xuống đây.

Và sau đó chúng ta sẽ làm tiêu đề.

Vì vậy, chúng tôi sẽ đặt một tiêu đề, như thường lệ, nhưng trước tiên tôi sẽ thực hiện các liên hệ DOJ container.

Và sau đó tôi sẽ dán vào tiêu đề.

Vì vậy, tiêu đề sẽ được liên lạc.

Nếu bạn vẫn không biết chúng tôi đã làm tiêu đề này ngay từ đầu trong tiêu đề, vì vậy chúng tôi chỉ cần sử dụng lại thành phần tiêu đề đó nhiều lần chỉ thay đổi các giá trị.

Được rồi, vì vậy và sau đó tôi sẽ thực hiện các dấu chấm, liên hệ, liên hệ, container, container liên hệ.

Được rồi, vì vậy chúng tôi sẽ chỉ cần giữ liên lạc, và sau đó chúng tôi sẽ có liên hệ trái và phải.

Liên hệ trái và phải trái.

Cái này là đúng.

Contacts.

Okay.

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ó H4 trong đoạn văn trước.

Vì vậy, H4 trong đoạn vă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 ngẫu nhiên.

Được rồi, và sau đó bên dưới, chúng ta sẽ giống như một thông tin liên hệ DOT DOT khác.

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 cho thông tin liên hệ.

Được rồi, vì vậy tôi sẽ nói, liên lạc liên lạc.

Item.

Okay.

Và sau đó trong đó, chúng ta sẽ có một biểu tượng, dấu hiệu chấm, hành trình, và sau đó chúng ta sẽ có một biểu tượng thực tế.

Vì vậy, ở đây, tôi cần biểu tượng vị trí.

Và sau đó bên dưới vị trí, tôi sẽ nói vị trí.

Được rồi, tôi sẽ lưu chúng ta hãy xem những gì chúng ta có.

Vì vậy, khi tôi đi nó nói vị trí, hãy xem có một mục vị trí ở đây.

Ý tôi là biểu tượng mục vị trí, trước khi văn bản vị trí, không sao, 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, vì vậy để 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.

Okay.

Vì vậy, trong trường hợp này, thực sự sau biểu tượng và khi nào đế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 cò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ục.

Đượ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 tiến hành này trên màn hình.

Vì vậy, tiến hành mục quá khứ 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ó ở đó.

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ì vậy hãy bắt đầu liên hệ.

Vì vậy, đối với liên hệ, chúng tôi sẽ thực hiện hiển thị flex, chấm, container nội dung liên hệ.

Được rồi, vì vậy chúng tôi sẽ hiển thị flex khi mọi thứ sẽ ở cạnh nhau.

Một lần nữa, đệm top 3.5 3.5.

Được rồi, sau đó, trước tiên chúng ta sẽ nhắm mục tiêu nội dung bên trái.

Vì vậy, cái chết để lại liên lạc, thực sự.

Contacts.

Vì vậy, đối với các liên hệ bên trái, tôi sẽ làm Flex, 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ờ đây là một điều nhỏ hơn, đó là bởi vì tôi không đặt nội dung cho nội dung khác.

Vì vậy, đó là lý do tại sao nó, nó trông kỳ lạ vào lúc này.

Được rồi, vì vậy bây giờ hãy để tôi đặt nội dung lên hàng đầu.

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ả các nội dung mà chúng tôi cần.

Được rồi, vì vậy bên dưới các mục hành vi ở đây.

Sau khi 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, điều này sẽ là liên hệ.

Contacts.

Liên hệ, tôi khuyết điểm.

Vì vậy, một khi bạn có một số biểu tượng sẽ dẫn đến truyền thông xã hội đến phương tiện truyền thông xã hội, được thôi, vì vậy ở đây, tôi sẽ nói, liên hệ dot.

icon.

Vì vậy, cái này là biểu tượng liên hệ.

Và sau đó cái này là liên hệ với biểu tượng, được, như thế.

Và sau đó chúng tôi sẽ thực hiện 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 phụ thuộc vào nơi nào bạn muốn đế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 bạn đặt mục tiêu vào trống nếu muốn mở nó vào một tab mới.

mục tiêu để trống.

Được rồi, đó 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ặt hàng.

Được rồi, vì vậy chúng tôi có Twitter và các công cụ.

Được rồi, đó là nó cho bên trái.

Vì vậy, chúng ta chỉ cần đi sang bên phải.

Vì vậy, phía bên phải sẽ có một hình thức.

Khi tôi nói hình thức, hướng tới liên hệ, hình thức liên hệ như thế.

Được rồi, vì vậy ở đây, chúng ta sẽ có một số đầu vào.

Và bất cứ khi nào Div gọi đầu vào đầu vào đầ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.

Yêu cầu và sau đó giữ chỗ cho một người 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ẽ làm một đầu vào khác.

Theo thứ tự, chúng ta chỉ có thể nhân đôi cái mà chúng ta có.

Và cái khác sẽ là email.

Email của bạn.

Được rồi, như vậy.

Vì vậy, bây giờ chúng ta chỉ cần sao chép điều khiển đầu vào này một lần nữa.

Trên thực tế, không một lần nữa.

Ở đây, tôi sẽ thoát khỏi email.

Ở đây tôi sẽ nói trong các đối tượng loại phụ, tôi không biết nhập, chủ đề, chủ đề, như thế.

Và sau đó tôi cũng sẽ kiểm soát đầu vào.

Và sau đó cái này sẽ là khu vực văn bản, khu vực văn bản.

Và sau đó bạn có thể để trống tên nếu bạn muốn.

Và sau đó các cột, tôi sẽ làm 15 và sau đó tám hàng.

Như vậy.

Được rồi, vì vậy đó là khá nhiều, chúng tôi chỉ cần nút, nút mà chúng tôi đã tạo trước đây.

Và khi tôi đặt nó vào A, tôi sẽ đưa vào một mã lớp DOT gửi BTN, tôi sẽ chỉ dán vào nút mà chúng tôi đã tạo trước đây.

Vì vậy, nó được gọi là nút chính, chúng tôi đã thực hiện tạo nút của chúng tôi trước khi truy cập nhiều lần.

Tôi sẽ lưu điều này để xem những gì chúng ta phải nhập vào.

Được rồi, vì vậy chúng tôi đi.

Đó là lý do tại sao chúng tôi có được 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ì vậy hãy liên lạc.

Bạn chấm ở đâu? Đúng? Tiếp xúc.

Được rồi, vì vậy liên hệ đúng.

Và sau đó, vì quyền, tôi sẽ nói Flex, ba.

Vì vậy, một cái này uốn cong hai, và sau đó cái này là flex ba.

Vì vậy, bạn đi.

Vì vậy, điều này chiếm nhiều không gian hơn.

Được rồi, Flex ba, và sau đó lề.

Còn lại sẽ là một cái gì đó giống như có thể ba ram.

Được rồi, và sau đó tôi sẽ làm đầu vào.

Control.

Kiểm soát lớp điều khiển đầu vào.

Được rồi, tôi sẽ làm lề, phần trên và dưới cùng sẽ là 1,5 rem theo nghĩa đen.

Và sau đó tôi sẽ nhắm mục tiêu vào các đầu vào bên trong ổn.

Và làm bán kính biên giới với các pixel.

Và sau đó tôi sẽ làm trọng lượng phông chữ.

Trọng lượng phông chữ thừa kế một gia đình phông chữ Eretz kích thướ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.

Phác thảo, sẽ không có.

Biên giới, tôi cũng sẽ đưa nó cho không.

Nhưng nếu không có, và sau đó 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 một là không.

Bởi vì chúng tôi không muốn biểu mẫu và kết cấu được thay đổi kích thước.

Vì vậy, tôi sẽ đặt một dấu phẩy và sau đó cũng là khu vực văn bản trên khu vực văn bản để có đ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ó ở đó.

Được rồi, nhưng tôi muốn tên của bạ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 ở cạnh nhau.

Vì vậy, để làm điều đó, tôi sẽ cung cấp điều khiển đầu vào này, một lớp khác được gọi là điều khiển đầu vào.

Trên thực tế, tôi chỉ thích điều khiển đầu vào này hai.

Được rồi, vì vậy điều khiển đầu vào hai sau khi điều khiển đầu vào.

Đó là nơi tôi sẽ nói rằng khi nào nên hiển thị, uốn cong, không sao, và sau đó tôi sẽ nói đứa trẻ cuối cùng, đầu vào cuối cùng, đầu vào cuối cùng, tôi sẽ cho nó một biên độ còn lại.

Biên độ còn lại 1,5 từ đứa trẻ cuối cùng.

Được rồi, chúng ta hãy đi xem những gì chúng ta có.

Nó ở đó.

Vì vậy, đứa trẻ 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 bình đẳng như thế này.

Được rồi, vì vậy chúng tôi thực sự có thể tăng trọng lượng phông chữ này hoặc văn bản này lên có thể như 500 làm cho 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ắn tin cho khu vực, bạn có thể nói, thông điệp giữ chỗ ở đây như thế này.

Và sau đó bạn có thể có một người giữ chỗ đẹp ở khắp mọi nơi nếu bạn muốn như thế này, bạn có thể làm một thông điệp ở đây như thế.

Được rồi, đó là điều đó.

Bây giờ nút, chúng ta chỉ cần, bạn biết, tập trung vào nút.

Vì vậy, để thực hiện nút sau đó sau khi điều khiển đầu vào, bạn có thể thực hiện DOT gửi BTN.

Vì vậy, chỉ cần hiển thị flex, hiển thị flex, chỉ cho nội dung uốn cong.

Được rồi, vì vậy chúng ta hãy quay lại, có một nút được hiển thị độc đáo.

Vì vậy, bây giờ chúng ta chỉ cần làm bên trái.

Được rồi, vì vậy chúng ta hãy đi về phía bên trái, đó chỉ là kiểu dáng văn bản và mọi thứ.

Vì vậy, phía bên trái, nơi chúng ta nhận được một số mục ngữ cảnh.

Được rồi, vì vậy chúng tôi đang thực hiện Flex Two cho bên trái, và sau đó khi tôi chuyển đổi H4 vì vậy đối với phần trên cùng của H4, tôi sẽ làm một ram, kích thước phông chữ thành ram.

Và sau đó tôi sẽ thực hiện chuyển đổi văn bản, biến đổi thành chữ hoa.

Được rồi, sau đó, tôi sẽ chuyển đổi đoạn văn, tôi sẽ cung cấp cho nó một phần trên cùng và dưới cùng một đường dây rem của hai rem, chúng ta đã đọc điều này, chúng ta nên làm điều đó thành một toàn cầu Phong cách toàn cầu, nhưng không sao cả.

Cứ đi đi.

Và chúng tôi sẽ làm hai liên hệ.

Info.

Vì vậy, trong thông tin liên hệ, chúng tôi có một mục liên hệ.

Mục liên hệ đó nếu bạn nhớ tên lớp, vì vậy chỉ muốn hiển thị.

Flex không căn chỉnh các mục để trung tâm biện minh cho 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ì 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ó biên p.

Biên độ, trên và dưới là 1,3.

Và sau đó không bên trái và phải và sau đó chúng ta sẽ ghi đè cái hiện tại, sử dụng điều quan trọng là ổn, và sau đó chúng ta sẽ làm đệm trên cùng và dưới cùng.

Đệm trên và dưới sẽ bằng không và tay trái viết thực sự đệm mọi thứ.

Chỉ cần đệm xung quanh tất cả mọi thứ mà một trong những để đặt lại nó về 0.

Và sau đó chúng tôi đang ghi đè lên từ khóa quan trọng.

Được rồi, vì vậy bây giờ mọi thứ chúng ta có một điểm ba điểm, trên và dưới.

Được rồi cho mỗi mặt hàng, vì vậy có giống như một RAM 3,3 RAM.

Mọi thứ trông đẹp.

Bây giờ chúng ta chỉ cần bắt đầu các biểu tượng.

Okay.

Vì vậy, sau đoạn văn, tôi sẽ nói biểu tượng DOT.

Được rồi, vì vậy đối với biểu tượng, tôi sẽ nói rằng, tôi sẽ đặt chúng vào 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ẽ đến vì vậy tôi sẽ đặt nó vào một lưới vì tôi muốn khôi phục điều này.

Được rồi, nó không hiển thị tại sao vì tôi đã sử dụng lưới rồi.

Vì vậy, tôi sẽ chỉ cho bạn 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 đó một FR cho cột thứ hai, đó là nơi văn bản để sửa lỗi cho biểu tượng.

Okay.

Và sau đó tôi sẽ quay lại.

Vì vậy, lý do tôi đã làm một lưới là vì tôi muốn các mục văn bản này phù hợp với nhau.

Vì vậy, nếu đó là một lưới sẽ đảm bảo chúng được căn chỉnh.

Vì vậy, khi tôi kiểm tra điều này, vì vậy như bạn có thể thấy, cái này là một mục 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ẽ có với các pixel, bất kể các mục lưới này sẽ có một cột nào, một trong số đầu tiên trong 40 pixel.

Vì vậy, do đó họ sẽ có những không gian bằng nhau và họ sẽ sống, họ sẽ ở cùng một dòng, như thế.

Vậy nên bạn đưa ra một ý kiến.

Và sau đó biểu tượng số hai, mắt, biểu tượng bên trong đó, tôi sẽ nói hiển thị, uốn cong, và sau đó căn chỉnh các mục, trung tâm.

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 điều đó thành một cái gì đó như đường dốc thành phần.

Được rồi, vì vậy nó là.

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 làm 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ì vậy, thông tin liên hệ.

Sau thông tin liên hệ, chúng tôi cần thực hiện biểu tượng liên hệ liên hệ DOT 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? Nó ở đâu, ở đâu đó ở đâu đó ở đây.

Vì vậy, đây là container này ở đây, liên hệ với container biểu tượng ở đây.

Vì vậy, đó là những gì chúng tôi đ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ệ container này.

Vì vậy, chúng tôi sẽ thực hiện hiển thị, uốn cong, hiển thị flex, và sau đó tôi sẽ làm phần trên cùng.

Vì vậy, đối với Margin Top sẽ giống như RAM và sau đó chúng tôi sẽ nhắm mục tiêu thẻ neo trong đó, điều này sẽ đưa chúng tôi đến các trang web bên ngoài, tôi sẽ hiển thị flex và cho nó một màu , Trung tâm mọi thứ, chúng tôi đang làm điều đó với Flex.

Và sau đó để đảm bảo rằng nó được làm tròn, chúng tôi đã thực hiện chiều rộng và chiều cao này phải giống nhau.

Và bán kính biên giới đến 50%.

Được rồi, vì vậy, tôi sẽ làm rìa 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 tôi sẽ thực hiện quá trình chuyển đổi, người chúng tôi đã làm.

Được rồi, và sau đó trên một nửa.

Khi chúng ta có điều này, chúng ta chỉ muốn thay đổi màu nền.

Và cũng cho 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, và sau đó sau khi di chuột, nói chung, không phải trong di chuột, chúng ta sẽ bắt đầu biểu tượng mắt, chúng ta sẽ hiển thị flex, căn chỉnh các mục, trung tâm, biện minh cho phông chữ trung tâm nội dung kích thước 1,3 RAM.

Được rồi, vì vậy bây giờ nó là.

Vì vậy, bây giờ chúng tôi có một hoạt hình đẹ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 trên chủ đề tối, chế độ sáng và tối.

Và sau đó chúng tôi đã hoàn thành.

Được rồi, vì vậy bây giờ tôi sẽ đi đến HTML.

Và tôi sẽ đặt như một sau các điều khiển, tôi sẽ làm DOT, tôi sẽ nói chủ đề btn.

Ở đây, tôi sẽ đặt như một, một biểu tượng cho cả hai để chuyển đổi chế độ tối và chế độ tối.

Được rồi, vì 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.

Được rồi, vì vậy bây giờ tôi sẽ đi đến HTML.

Okay.

Và tôi sẽ đặt như một sau các điều khiển, tôi sẽ làm DOT, tôi sẽ nói chủ đề btn.

Ở đây, tôi sẽ đặt như một, một biểu tượng cho cả hai để chuyển đổi chế độ tối và chế độ tối.

Được rồi, vì vậy chủ đề btn.

Vì vậy, tôi chỉ cần tạo kiểu đó.

Chúng ta chỉ cần bắt đầu BTN chủ đề.

Vì vậy, kiểm soát được, vì vậy sau khi điều khiển, tôi sẽ chạm vào chủ đề btn.

Vì vậy, ở đây, tôi sẽ làm đệm, một ram, và sau đó là con trỏ đến con trỏ.

Và sau đó là nền.

Chiều rộng và chiều cao phải giống nhau để chúng ta làm cho chúng tròn.

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ị.

Flex một để gửi mọi thứ với Flex để bạn biết rằng những gì đã có và sau đó là lề.

Trên cùng và dưới cùng sẽ là điểm bảy REM và sau đó 0 trái và phải.

Cơ bắp sẽ dán vào bóng hộp.

Bạn có thể đặt điều 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 lượng 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, vì vậy, ý 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 các phong cách sai.

Xin lỗi, đó là lỗi của tôi, đó là lỗi của tôi, tôi đã xem xét sai yếu tố, tôi sẽ làm top 5%.

Vì vậy, kiểm soát được, vì vậy sau khi điều khiển, tôi sẽ chạm vào chủ đề btn.

Vì vậy, ở đây, tôi sẽ làm đệm, một ram, và sau đó là con trỏ đến con trỏ.

Và sau đó là nền.

Chiều rộng và chiều cao phải giống nhau để chúng ta làm cho chúng tròn.

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ị.

Flex một để gửi mọi thứ với Flex để bạn biết rằng những gì đã có và sau đó là lề.

Trên cùng và dưới cùng sẽ là điểm bảy REM và sau đó 0 trái và phải.

Cơ bắp sẽ dán vào bóng hộp.

Bạn có thể đặt điều 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 lượng 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, vì vậy, ý 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 các phong cách sai.

Xin lỗi, đó là lỗi của tôi, đó là lỗi của tôi, tôi đã xem xét sai yếu tố, tôi sẽ làm top 5%.

Đúng 3%.

Và sau đó tôi sẽ làm với 70 pixel.

Giống như chiều cao.

Vì vậy, khi nào để đảm bảo điều này được làm tròn, chiều cao ổn, và sau đó chúng ta sẽ làm bán kính biên giới 50%.

Vì vậy, nó sẽ được làm tròn, sau đó tôi sẽ đặt màu nền và cho nó một vị trí cố định và sau đó là trung tâm, trung tâm với flex.

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ị.

Flex một để gửi mọi thứ với Flex để bạn biết rằng những gì đã có và sau đó là lề.

Trên cùng và dưới cùng sẽ là điểm bảy REM và sau đó 0 trái và phải.

Cơ bắp sẽ dán vào bóng hộp.

Document.

Bạn có thể đặt điều 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 lượng 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, vì vậy, ý 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 các phong cách sai.

Xin lỗi, đó là lỗi của tôi, đó là lỗi của tôi, tôi đã xem xét sai yếu tố, tôi sẽ làm top 5%.

Đúng 3%.

Và sau đó tôi sẽ làm với 70 pixel.

Giống như chiều cao.

Vì vậy, khi nào để đảm bảo điều này được làm tròn, chiều cao ổn, và sau đó chúng ta sẽ làm bán kính biên giới 50%.

Vì vậy, nó sẽ được làm tròn, sau đó tôi sẽ đặt màu nền và cho nó một vị trí cố định và sau đó là trung tâm, trung tâm với flex.

Vì vậy, vị trí con trỏ con trỏ hoặc cố định.

Vì vậy, bây giờ nó sẽ ở đây ở đầu, phải không? Được rồi, vì vậy chúng tôi muốn cho nó một cái bóng hộp.

Vì vậy, giống như những gì chúng tôi đã làm trong biến đổi văn bản.

Được rồi, vì vậy khi tôi nhấp vào điều đó, 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, chúng ta hãy coi chừng yếu tố cơ thể.

Vì vậy, cơ thể ở đây, vì vậy chúng tôi giống như chọn phần tử cơ thể trong JavaScript.

Vì vậy, bây giờ khi tôi nhấp vào điều này đang chuyển đổi ánh sáng lớp.

Nó đang chỉnh sửa lớp và xóa lớp thêm và xóa lớp.

Được rồi, vì vậy bây giờ chúng ta chỉ cần đặt lớp chế độ ánh sáng.

Vì vậy, đối với chế độ ánh sáng, tôi sẽ đi tất cả các ứng dụng tôi muốn nghe, tôi sẽ đến chế độ ánh sáng, đó là tên lớp 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 trao đổi các màu mà bạn đã sử dụng, ví dụ, cho nền, tôi đã sử dụng màu tối này ở đây.

Vì vậy, đừ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, với màu trắng.

Được rồi, như thế, và sau đó lưu, khi tôi nhấp vào nền sẽ thay đổi thành màu trắng.

Được rồi, vì vậy nó nằm trong lớp Chế độ Ánh sáng này.

Được rồi, vì vậy bạn chỉ cần thay đổi các giá trị của các biến thành các thứ khác nhau, chỉ cần trộn chúng xung quanh.

Được rồi, vì vậy đối với tôi, tôi đang sử dụng màu trắng làm nền chính.

Và sau đó đối với thứ cấp, tôi đang sử dụng một màu khác, giống như một loại màu hồng.

Được rồi, cho thứ cấp.

Vì vậy, khi tôi chuyển đổi ánh sáng, nó sẽ thay đổi thành màu này, màu hồng.

Được rồi, mỗi màu thứ cấp sẽ thay đổi thành màu hồng này.

Được rồi, vì 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ố số màu xám.

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 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ờ.

Vì vậy, nó chỉ là tên biến vẫn đang được sử dụng, nhưng bạn chỉ cần thay đổi giá trị của nó.

Okay.

Vâng, hãy để tôi xem nếu chúng ta cần thay đổi bất cứ điều gì khác.

Được rồi, vì vậy hãy để tôi đi đến các thành phần khác.

Được rồi, vì vậy, yeah, 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, tôi sẽ sao chép, dán màu sắc mà tôi tìm thấy đã làm việc cho tôi, bạn có thể thay đổi những màu này thành bất cứ thứ gì 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, 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 ở chế độ màu khác.

Được rồi, vì vậy trong trường hợp này, vì vậy những gì làm việc cho tôi là màu, bảng màu này.

điều thực sự làm việc cho tôi rất tốt.

Bạn có thể, bạn biết, 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 cho tôi.

Được rồi, mọi thứ đều ổn.

Vâng, ý tôi là, dự án này không đáp ứng.

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 phụ thuộc vào số lượng người đã yêu cầu trong các ý kiến.

Nếu bạn muốn tôi nếu bạn muốn thấy tôi làm những thứ đáp ứng bạn có thể? Hãy cho tôi biết ở phần bình luận.

Và sau đó tôi sẽ xem xét 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 các 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 ngôi nhà tiếp theo.

Được rồi, vì vậy bây giờ chúng ta hãy làm việc trên các truy vấn truyền thông.

Hãy cố gắng làm cho trang web này phản hồi lại.

Như bạn có thể thấy nơi chúng tôi rời đi, trang web hoàn toàn không đáp ứng.

Được rồi, vì vậy chúng tôi chỉ muốn cố gắng làm cho nó thích nghi với bất kỳ chiều rộng nào 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, mọi thứ đều giống nhau.

Nó chỉ là một tên thư mục khác.

Được rồi, vì vậy bây giờ chúng ta hãy đi vào các phong cách và tạo ra một phong cách mới.

Sau đó, đặt, nó sẽ là một phần của một phần để tạo ra một phần, chúng ta sẽ sử dụng một dấu gạch dưới và sau đó tôi sẽ nói phương tiện truyền thông và sau đó DOT 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 truyền thông.

Vì vậy, tôi đã xem xét công việc 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 truyền thông, màn hình, và sau đó kết thúc.

Và sau đó tôi muốn nói chiều rộng tối đa, tối đa 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ên 600 pixel.

Được rồi, vì vậy hãy chắc chắn rằng 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 đúng như tôi đã làm.

Vì vậy, hãy chắc chắn rằng mọi thứ đều chính xác.

Được rồi, vì vậy tôi sẽ bắt đầu với tiêu đề.

Hãy xem trong tiêu đề.

Vì vậy, tại 600 pixel, nó là 600.

Vì vậy, đây là kích thước 600.

Tôi muốn có đệm không.

Được rồi, như bạn có thể thấy, có rất nhiều đệm.

Nếu tôi kiểm tra các kiểu trong các kiểu, nó nên được đệm ở đâu đó.

Vì vậy, phần đệm này, phải không? Vâng, tôi sẽ đặt nó thành 0.

Được rồi, vì vậy nên được, 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.

Okay.

Vì vậy, điều khác 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 đi lên để nhập một phần, chỉ cần nhập khẩu.

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 đặc biệt.

Vì vậy, bạn không cần phải bao gồm phần mở rộng ở đây.

Khi tôi tiết kiệm, 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, phải luôn luôn luôn ở dưới cùng của mọi thứ phải ở đây sau khi mọi thứ vì mọi thứ được thực hiện từng dòng.

Vì vậy, các truy vấn truyền thông phải ở dưới cùng như thế này.

Và sau đó bạn phải nhập chúng ở đây xuống đây thay vì lên trên.

Được rồi, vì vậy bây giờ lưu và lưu phương tiện truyền thông.

Và, vâng, hãy xem có gửi Milica đang làm việc cho tiêu đề không, nhấp vào tiêu đề.

Hãy xem nào.

Vì vậy, người tầm thường ở đó.

Vì vậy, bây giờ phần đệm được đặt thành 0.

Cho tiêu đề.

Đó thực sự là nội dung tiêu đề có nguồn gốc tiêu đề trực tiếp mà chúng ta cũng cần đặt phần đệm thành 0, tôi tin rằng cái này, pin tiêu đề phải, phải không? Chúng ta thực sự cần phải đặt nó thành 0.

Được rồi, vì vậy chúng tôi sẽ nói tiêu đề, tiêu đề mục tiêu, tiêu đề, và sau đó chấm bên phải.

header.

Và sau đó tôi sẽ nói đệm số 0 với điều đó.

Được rồi, như vậy, tiêu đề đúng, đệm không.

Một cái gì đó kỳ lạ đang diễn ra trên phụ huynh 00.

Họ vẫn chiến đấu, phải không? Trên thực tế, chúng ta cần phải ghi đè tất cả mọi thứ.

Vì vậy, anh ấy quan trọng.

Vì vậy, chỉ sử dụng điều này quan trọng khi nó thực sự quan trọng khi bạn phải.

Vì vậy, bây giờ chúng tôi đã ghi đè lên mọi, tất cả các phong cách, tất cả các cặp.

Được rồi, vì vậy thực sự, chúng tôi có thể muốn đặt điều này thành Ram, có thể 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 thoát khỏi những điều khiển này ở đây.

Vì vậy, để làm điều đó, chúng ta chỉ có thể nói, các điều khiển DOT.

Đó 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.

Ở đó 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 TOP, tôi phải thêm nó vào tự động để tự động tự động.

Và sau đó chúng ta sẽ nói dưới cùng vì số 0 dưới cùng, tôi muốn nó ở dưới cùng và sau đó hướng Flex sẽ là một hàng bây giờ theo mặc định hoặc ban đầu, bạn có thể nói ban đầu.

Và sau đó chúng ta sẽ nói nội dung biện minh.

Và sau đó tôi sẽ gửi nó và sau đó chúng ta sẽ nói trái, chúng ta sẽ cho nó 50% vì muốn được tập trung.

Và sau đó chúng ta sẽ chuyển Biến đổi và dịch X -biến đổi X và dịch X trừ 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, họ đang ở đó.

Các điều khiển đang ở đâ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ó có 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 năm, màu xám năm, đó 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 biên độ, một, rem trên và dưới.

Và sau đó chỉ ra ba Rem trái và phải.

Vì vậy, bây giờ họ ở đó, các điều khiển ở đây, thay vì lên.

Vì vậy, khi tôi đi qua chiều rộng không còn ở đó nữa.

Vì vậy, bây giờ họ ở đó.

Okay.

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 tiêu đề.

Trên thực tế, bất kỳ để giảm chiều rộng nút chủ đề.

Vì vậy, tôi sẽ nói rằng chủ đề btn.

Vì vậy, chúng tôi sẽ giảm chiều rộng xuống còn 50 pixel và cũng cao 250 pixel.

Được rồi, vì vậy chiều rộng và chiều cao 50 pixel.

Được rồi, bây giờ hãy nói hãy để tôi cho tôi kiểm tra lại từ 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, để hiển thị cho bạn kiểm tra nội dung tiêu đề.

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ẻ nó.

Vì vậy, nội dung tiêu đề, chúng tôi sẽ thay đổi lưới.

Vì vậy, chúng tôi sẽ nói lưới, cột mẫu.

Tôi sẽ 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 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ái bây giờ.

Vì vậy, có, bất cứ khi nào.

Vì vậy, bây giờ chúng tôi có một cột.

Được rồi, vì vậy nó là lộn xộn.

Nói, có thể dưới cùng sáu ram.

Okay.

Vì vậy, yeah, 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 đỉnh.

Để làm điều đó, chúng tôi chỉ cần, bạn biết, thay đổi các mục lưới này, thay đổi chúng hoặc trao đổi chúng xung quanh.

Vì vậy, chúng ta hãy tiếp tục.

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ẻ nó.

Tôi sẽ nói, Dot H Shape, tôi sẽ thoát khỏi hình dạng màu xanh lá cây đó.

Và sau đó tôi sẽ đến, 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 bây giờ.

Vì vậy, sau khi tiêu đề bên trái, chúng ta hãy đi đến tiêu đề bên phải.

Vì vậy, tiêu đề phù hợp.

Được rồi, vì vậy đối với tiêu đề phù hợp, tôi sẽ đến các số liệu thống kê, tôi muốn tiêu đề phù hợp ở đầu.

Đượ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 khởi đầu của một quan điểm.

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? Vì vậy, nó bắt đầu tại một, vì vậy tôi muốn tôi muốn hàng này là hai ở một ở hàng đầu tiên.

Được rồi, vì vậy chúng tôi cũng muốn tôi sẽ đặt chiều rộng với chiều rộng, tôi sẽ đặt nó thành 90%, có thể 90%.

Được rồi, và sau đó tôi sẽ đặt Margin Zero Auto thành Trung tâm, 0 và tự động chỉ để tập trung vào 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, bây giờ chúng ta hãy tiếp tục.

Chủ yếu muốn chuyển đổi tên thực sự.

Tên, kích thước phông chữ.

Tôi sẽ thay đổi điều đó thành 2.5 2.5.

Ram.

Đượ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 truyền thông.

Vì vậy, cái này không hoạt động.

Chúng ta cần ghi đè lên điều đó với quan trọng để khi điều này kết thúc đôi khi bạn có thể cần phải ghi đè lên điều đó.

Được rồi, như vậy.

Và vâng, chúng ta hãy tiếp tục.

Vì vậy, sau khi tiêu đề phù hợp, 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 đó để lại tiêu đề.

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 không có tỷ lệ tương tự 90%.

Và 2%.

Được rồi, vì vậy, nó có.

Okay.

Vì vậy, chúng tôi cũng cần sửa chữa chiều cao thực sự, có một vấn đề với tiêu đề kiểm tra chiều cao.

Hãy để tôi xem nếu có chiều cao được đặt trên tiêu đề.

Vì vậy, chiều cao của chiều cao bộ tiêu đề được cho 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 có thể.

Vì vậy, chúng ta hãy đi đến tiêu đề và tìm tiêu đề.

Trên thực tế, tôi sẽ tìm kiếm 100 VH, nơi tôi đã nói rằng Valley 100 VH.

Vì vậy, ở đây, thay vì chiều cao, chúng tôi sẽ đặt điều đó có nghĩa là truy vấn truyền thông CNTT có nghĩa là 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 và sau đó chúng tôi sẽ thực hiện 600 pixel.

Vì vậy, đây sẽ là 600 pixel khi hoặc sáu và sau đó truy cập dưới 10 pixel.

Tối đa với màn hình phương tiện truyền thông.

Và chiều rộng tối đa.

Ồ, 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 sai.

Cắt điều này, PR ở đây, như thế này, và sau đó tiết kiệm.

Và sau đó chúng ta sẽ nói chiều cao tối thiểu.

100 VH.

Được rồi, vì vậy bạn thực sự có thể thực hiện các truy vấn truyền thông bên trong phần tử hoặc yếu tố mà bạn muốn làm.

Đó 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 điều này.

Chỉ cần đặt điều đó thành nửa đêm bình thường thành tiêu đề bình thường.

Được rồi, vậy yeah, bây giờ nếu chiều cao trung bình, mọi thứ hoạt động.

Được rồi, vì vậy bây giờ chúng ta hãy kiểm tra các trang khác.

Hy vọng bây giờ chúng ta hãy đi đến.

Được rồi, vì vậy chúng ta hãy quay lại các truy vấn truyền thông.

Và sau đó chúng ta sẽ nói chấm về, về container.

Vì vậy, chúng ta hãy nhìn vào container về để xem cái nào của nó, về phiên của chúng tôi ở đây.

Về container, cái này, đó là những gì chúng ta đang xem.

Được rồi, vì vậy nó cũng là một lưới.

Vì vậy, chúng tôi sẽ sửa nó về các cột container, các cột mẫu lưới, chúng tôi sẽ đặt nó 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 Padding Top 10 trên đầu.

Vì vậy, đối với phần đệm đầu, chúng tôi đã nói rằng với 2,5 Ram 2,5 ram, đó là những gì phần đầu đệm.

Được rồi, vì vậy tôi cũng sẽ đặt đúng về các cột mẫu lưới hoặc đề xuất rằng bạn muốn có một, chỉ có một cột để tham khảo.

Được rồi, vì vậy bây giờ chúng ta hãy đi đến ổn, bạn chưa thể nhìn thấy nó.

Nhưng mọi thứ đang hoạt động, chúng ta chỉ cần thoát khỏi, các mái chèo và mọi thứ về container, phần hai.

Được rồi, vì vậy, ở đây, tôi sẽ thoát khỏi phần đệm.

Vì vậy, hãy loại bỏ đệm.

Và tôi sẽ thực hiện phần chọn phần.

Vì vậy, đối với phần đệm, tôi sẽ làm phần đệm, tôi sẽ nói với REM 2.5, REM, trái và phải, và sau đó tôi sẽ ghi đè các cặp hiện có.

Được rồi, vì vậy, như bạn có thể thấy, nó có vẻ tốt.

Vì vậy, nếu đôi khi khi bạn làm như thế này, đôi khi nó không ghi đè lên những người cũ, bây giờ bạn không cần phải làm điều đó bởi vì chúng tôi không cần phải ghi đè chúng tôi không cần phải làm điều đó.

Được rồi, có vẻ tốt.

Vì vậy, bây giờ, chúng ta hãy đi đến vì vậy chúng ta cần viết về ít hơn ở đây.

Hãy đến đây, chúng ta cần phải làm bên trái.

Vì vậy, chúng ta hãy làm bên trái về những thứ bên trái về tôi sẽ nói đang chờ xử lý, phải không? Tôi sẽ đặt nó thành 0.

Và sau đó tôi sẽ nhắm mục tiêu đoạn văn trong đó.

Tôi sẽ nói Padding rời Mr về Zero cũng ổn.

Được rồi, mọi thứ có vẻ tốt.

Được rồi.

Vì vậy, chúng tôi cũng cần nhắm mục tiêu dòng thời gian.

Vì vậy, ở đây sau đây, tôi sẽ 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 dưới đệm thành sáu, rem.

Và hãy tiết kiệm.

Hãy xem dòng thời gian của chúng tôi trông như thế nào.

Đúng, nó ở đó.

Có vẻ tốt đẹp.

Okay.

Vì vậy, sau đó, chúng tôi cũng có thể muốn làm các số liệu thống kê.

Được rồi, vì vậy chúng ta hãy làm ở đây sau dòng thời gian.

Về số liệu thống kê.

Vì vậy, trong các số liệu thống kê xe buýt, chúng tôi sẽ gắn thẻ các thanh tiến trình.

Thanh tiến độ, hãy nhớ tên lớp.

Và sau đó chúng tôi sẽ làm một cái nếu đó là những gì bạn muốn có như một cột duy nhất, xin lỗi.

Như mọi thứ đều tốt.

Được rồi, vì vậy bây giờ chúng ta hãy truy cập 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 một cột duy nhất trong các blog.

Được rồi, vì vậy, sau đó chúng tôi sẽ nói 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 dưới cùng từ Six Ram dưới cùng.

Được rồi, vì vậy bây giờ, bạn thấy rằng nếu tôi truy cập blog, bây giờ chúng tôi có một cột duy nhất.

Được rồi, mọi thứ đều tốt.

Được rồi, đó là điều đó.

Bây giờ, chúng ta cũng cần phải làm phần bối cảnh.

Được rồi, vì vậy, thực sự là danh mục đầu tư, chúng tôi đã bỏ lỡ danh mục đầu tư.

Vì vậy, các danh mục đầu tư không nên ở đâ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ự.

Giống như ở đâ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ó.

portfolios.

Đạt được mọi thứ trông đẹp.

Okay.

Đượ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 như một phần đầu lề, nhưng chưa.

Được rồi, đó là khá nhiều thứ ngoại trừ liên hệ.

Contact.

nội dung, container nội dung.

Được rồi, vì vậy bây giờ chúng ta hãy tìm thùng chứa nội dung ngữ cảnh.

Được rồi, nó ở đó.

Inspect.

Có một lưới.

Vì vậy, chúng ta hãy tiếp tục.

Chúng ta cần thay đổi hướng linh hoạt.

Hướng linh hoạt.

Chúng tôi sẽ đi cột an toàn.

Được rồi, vì vậy liên hệ.

Vì vậy, hành vi thực sự là flex không phải là một lưới.

Các container liên hệ là một flex không đồng ý.

Vì vậy, chúng ta cần phải thay đổi hướng của flex.

Được rồi, vì vậy, trong, tôi sẽ nói với bạn những liên hệ phù hợp.

Right.

Contact.

Được rồi, vì vậy các liên hệ đúng.

Liên hệ phải một khi một lề còn lại.

Và chúng tôi đã nói rằng số không, lề không để lại.

Và sau đó tôi muốn nói cuộc nói chuyện lề là 2,5? REM.

Vì vậy, tôi đã thử nghiệm với các giá trị này ngoài 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, yeah, đó là cho đúng nội dung.

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, vì vậy 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 chọn.

Tôi sẽ dán nó sau khi container 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 để điều khiển đầu vào hai.

Được rồi, vì vậy đó là tên lớp, nó thực sự là đầu vào, kiểm soát hai cái 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 cho một điều khiển đầu vào khác nhau như thế này.

Nhưng trong dự án, chúng ta cần có trong video điều khiển đầu vào của nó để điều khiển đầu vào, như xem, tôi thấy hai.

Vì vậy, ở đây tôi đang sử dụng kiểm soát hai.

Được rồi, tôi sẽ nói hướng flex, tôi sẽ đặt cột đó để cũng cho bộ điều khiển đầu vào.

Và sau đó tôi sẽ nhắm mục tiêu đứa 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à một người chọn giả bạn nói đứa con cuối cùng, vì vậy tôi muốn đưa đứa trẻ cuối cùng trong kiểm soát đầu vào cho thử thách cuối cùng và khi tôi nói lề Còn lại, không và sau đó tôi cũng muốn có lợi nhuận cao nhất.

Top lề vì vậy cho phần trên cùng và chúng tôi sẽ nói rằng một căn phòng hoàn hảo ổn, vì vậy chúng ta hãy đến liên hệ.

Vì vậy, như bạn có thể thấy, nó đến tốt đẹp.

Vì vậy, ở đây kiểm tra điều này là có một lề trái và trực quan để bằng không.

Margin top 0 Nó phải bằng không.

Đầu vào bên trái sẽ ký hợp đồng với cái này.

ký quỹ để lại những gì hợp đồng khi ký quỹ vượt biên về số 0, chuyện gì đang xảy ra vậy? Điều này phá hủy kiểm tra một lần nữa nó dường như đã có một biên độ còn lại vì một số lý do.

Phí cuối cùng năm ngoái, phí 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 truyền thông 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 flex ổn.

Vì vậy, đây là đứa trẻ cuối cùng vì vậy 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 con bạn đã sao chép trực tuyến từ trình duyệt.

Được rồi, tiết kiệm.

Được rồi, bây giờ mọi thứ đều hoạt động.

Tôi nghĩ đó là vì 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 đó yeah, mọi thứ hoạt động.

Được rồi, vì vậy, 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 gây rối với tiêu đề này ở đây.

Được rồi, vậy hãy làm điều đó.

Tiêu đề là mã.

Actually.

Mục hợp đồng.

Mục hợp đồng bạn biết, trước tiên hãy làm cho tiêu đề.

Tiêu đề chính đó.

Vì vậy, ở đây chúng ta đang nói về H2 và sau đó kích thước phông chữ.

Chúng tôi sẽ đặt điều đó thành Ram và chúng tôi cũng sẽ nói chọn chảo này.

Phông chữ kích thước 2,5 ram.

Được rồi, và sau đó văn bản PG 2.5 từ kích thước phông chữ như thế.

Bây giờ, tiết kiệm.

Bây giờ, hãy xem những gì chúng ta nhận được.

Yep.

Vì vậy, nó ở đó.

Tôi nghĩ rằng chúng ta chỉ cần Omani để tăng điều này là một chút tuyệt vọng đến ba vòng ổn.

Đúng, tôi nghĩ rằng bạn có thể gây rối với kích thước này của kích thước phông chữ của đó, vì vậy ở kích thước này là truy vấn phương tiện này, điểm dừng trông rất đẹp.

Vì vậy, bạn có thể loại bỏ những điểm dừng mà bạn cần để thực hiện các thay đổi mà bạn biết, vì vậy, trong trường hợp này, chúng tôi cần sửa chữa kiểm tra này.

Tiêu đề trái.

Tiêu đề còn lại, chúng ta cần đặt chiều cao nội dung tiêu đề cần thiết lập chiều cao tối thiểu nghĩ rằng chiều cao tối thiểu.

Hoặc chúng ta thực sự cần đặt chiều cao thành 100 VH cho điều đó cho nội dung tiêu đề.

Được rồi, vâng, mọi thứ đều ổn với điểm dừng, điểm dừng, chiều cao tối thiểu tình dục, nội dung tiêu đề chúng ta cần đặt chiều cao tối thiểu ở đây.

chiều cao tối thiểu.

Được rồi, vì vậy chúng ta hãy đi tìm nội dung tiêu đề.

Nội dung tiêu đề nội dung nội dung tốt hơn.

Vì vậy, chúng ta cần thiết lập một chiều cao tối thiểu ở đây.

Chiều cao tối thiểu, chúng tôi sẽ đặt nó thành 100 VH.

Được rồi, vậy yeah.

Vì vậy, bây giờ chúng ta có thể vào, cố gắng tìm một số điểm dừng, mà chúng ta cũng cần để bạn biết, loại lộn xộn với các phong cách một chút.

Tôi nghĩ ở đây tiêu đề nó là một biên độ, mà tôi không muốn.

Tiêu đề đúng đó là một phần đệm, mà tôi không muốn.

Vì vậy, ở đây chúng ta nên tìm kiếm đúng? tiêu đề.

Tiêu đề mới.

Vì vậy, ở đây, nó thực sự được nói cha mẹ 00.

Làm mới điều đó.

Một cái gì đó kỳ lạ đang xảy ra? Vâng, nó là không và quan trọng.

Được rồi, vì vậy, bây giờ, mọi thứ nên 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 chiều rộng nhất định, bạn có thể sử dụng tỷ lệ 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 ta chỉ cần làm việc trên một cách để nói, có thể tìm thấy như một điểm đột phá nơi mọi thứ bắt đầu phá vỡ và bắt đầu, bạn biết đấy, thực hiện một số truy vấn truyền thông ở đó.

Ví dụ, tôi có thể làm một điểm dừng khác.

Được rồi, vì vậy tôi loại liên lạc khi liên hệ nói để phá vỡ.

Được rồi, vì vậy đối với liên hệ này, nó bị hỏng 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 rằng phương tiện truyền thông Tôi thực sự sẽ sao chép bản sao 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, liên hệ bị phá vỡ quá sớm.

Vì vậy, tôi sẽ sao chép hợp đồng mọi thứ qua hợp đồng và khi nào nên cắt nó.

Và sau đó tôi sẽ làm điều đó sớm trong quy mô địa chỉ này tại 1432 của việc dán các công cụ hợp đồng ở đây.

Được rồi, vì vậy khi tôi đến danh bạ, bây giờ nó được giao cho bạn biết, thích nghi sớm.

Vì vậy, chúng tôi 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ẽ gây rối với phần đệm của các phần.

Và một khi một phần tôi sẽ làm phần đệm, trên và dưới.

Tôi sẽ làm bảy ram 11 ram trái và phải.

Được rồi, vì vậy hãy làm mới.

Một cái gì đó kỳ lạ đang diễn ra.

Section.

Được rồi, Max Width Hãy kiểm tra để xem cơ thể oh, cơ thể là một lớp các phiên.

Vì vậy, cơ thể đang kế thừa ý tôi, tiêu đề đang kế thừa các kiểu phần này.

Vì vậy, trong tiêu đề, chúng ta cần phải thoát khỏi đ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 tôi thực sự cần phải ghi đè vì đầu thực sự được kế thừa lớp phần.

Được rồi, vì vậy, nó có.

Vì vậy, bây giờ khi tôi, bạn biết, bắt đầu giảm mọi thứ đang diễn ra chậm chạp, nhưng nó sẽ, nó sẽ hoạt động.

Được rồi, vậy hãy xem.

Được rồi, đó là cho phần liên lạc, tôi sẽ thực hiện một truy vấn truyền thông khác.

Tôi sẽ thực hiện một truy vấn truyền thông chỉ để phân chia.

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, chúng ta hãy thực hiện kích thước 1070 pixel này ở đây.

Và chúng ta sẽ nói về container.

Vì vậy, đó là về các cột mẫu lưới, tôi sẽ đặt nó thành một Fr.

Và sau đó, tôi sẽ nói với bạn về việc viết về tôi sẽ thay đổi phần đầu để xác nhận.

Để xác nhận, vì vậy đó là cho phần đầu của cha mẹ trong khoảng, vì vậy đó là 1000 pixel ở đây, nó có.

Vì vậy, mọi thứ sẽ chảy tốt 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 Main Titan, x hai.

Và sau đó kích thước phông chữ.

Đối với nhịp Rem, và sau đó cho Rem an toàn được, 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 tôi sẽ tăng nó lên 4,5 khung hoặc 645.

Yeah.

Okay.

Tôi nghĩ rằng tôi sẽ gắn bó với 4.5.

Được rồi, để bạn có thể, bạn biết, loại cung cấp giống như một phần trên của, nội dung ở đây, bạn có thể cung cấp cho nó một phần trên cùng để chỉ định giữa tiêu đề này ở đây.

Vì vậy, nó là loại tùy thuộc vào bạn.

Được rồi, vì vậy hãy để tôi kiểm tra.

Hãy làm chương trình danh mục đầu tư.

portfolios.

Hãy làm các cột mẫu lưới lưới.

Hãy chỉ làm một fr, một fr.

Vì vậy, đây là hai cột.

Được rồi, vì vậy bây giờ chúng tôi có hai cột danh mục đầu tư.

Hãy làm điều tương tự cho các blog có thể nhân đôi điều này và 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? Chúng ta cần gì để gây rối một lần nữa? Vì vậy, vâng, thực sự, chúng ta hãy thực hiện thêm một truy vấn truyền thông.

Bạn có thể thừa nhận tôi nhiều truy vấn truyền thông như bạn muốn cho bất cứ điều gì và bạn có thể tùy chỉnh và thay đổi mọi thứ bạn muốn thay đổi.

Vì vậy, ở đây, tôi sẽ thực hiện 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 cùng và dưới 07 RAM, sáu Ram Clifden, phải.

Như thế này.

Bây giờ hãy nói rằng hãy giảm chiều rộng.

Được rồi, nó ở đó.

Mọi thứ trông đẹp.

Okay.

Vì vậy, chúng tôi cũng cần phải gây rối 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 thực sự có thể 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.

Được rồi, tôi nghĩ rằng tôi muốn công cụ tiêu đề này bị cắt sớm.

Vì vậy, tôi sẽ đặt nó vào chín trong năm 970.

Và chúng tôi đặt nó vào đó.

Được rồi, vì vậy nó xảy ra sớm.

Được rồi, như vậy.

Được rồi, vậy hai cột cho blog? Chúng ta cần gì để gây rối một lần nữa? Vì vậy, vâng, thực sự, chúng ta hãy thực hiện thêm một truy vấn truyền thông.

Bạn có thể thừa nhận tôi nhiều truy vấn truyền thông như bạn muốn cho bất cứ điều gì và bạn có thể tùy chỉnh và thay đổi mọi thứ bạn muốn thay đổi.

Vì vậy, ở đây, tôi sẽ thực hiện 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 cùng và dưới 07 RAM, sáu Ram Clifden, phải.

Như thế này.

Bây giờ hãy nói rằng hãy giảm chiều rộng.

Được rồi, nó ở đó.

Mọi thứ trông đẹp.

Vì vậy, chúng tôi cũng cần phải gây rối 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 thực sự có thể 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.

Được rồi, tôi nghĩ rằng tôi muốn công cụ tiêu đề này bị cắt sớm.

Vì vậy, tôi sẽ đặt nó vào chín trong năm 970.

Và chúng tôi đặt nó vào đó.

Control.

Margin.

Được rồi, vì vậy nó xảy ra sớm.

Vì vậy, tôi nghĩ rằng nó có rất nhiều ý nghĩa cho nó xảy ra sớm hơn dự đoán.

Vâng, tôi nghĩ rằng điều đó có ý nghĩa.

Vì vậy, chúng tôi cũng cần phải làm điều tương tự cho các điều khiển là tốt.

Điều khiển, cắt các điều khiển.

Okay.

Cắt điều đó.

Và sau đó chúng ta sẽ làm cho nó xảy ra sớm.

Vì vậy, bạn có thể biết, lộn xộn với các giá trị và xem nơi bạn muốn bắt đầu, bạn biết đấy, ảnh hưởng đến các truy vấn truyền thông 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 xung quanh những điều khiển này.

Vì vậy, mỗi điều kiểm soát có thể tái hiện.

Tôi sẽ nói với Ram cho cái này.

Được rồi, kiểm soát biên để ram.

Được rồi, Ram dường như nhỏ.

Okay.

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? Chúng tôi sẽ xem tại sao.

Ồ, nó là trên cùng và dưới cùng được cho là trái và phải.

Vì vậy, nó được cho là một cách khác.

Vì vậy, chúng ta hãy đưa nó trở lại RAM là vì vậy đây là trên cùng và dưới cùng.

Điều này là trái và phải.

Vì vậy, tôi muốn áp dụng lề trái và phải.

Vì vậy, nó ở đó.

Vì vậy, từ trên và dưới, thực sự, tôi sẽ tăng nó lên 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ể có thể gây rối với mọi thứ, chỉ để tìm kiếm các điểm dừng nơi bạn muốn, bạn biết, ảnh hưởng đến của bạn, phong cách và yếu tố của bạn, bất cứ điều gì.

Tôi sẽ giảm điều này xuống còn 1,5.

Hoặc một thực tế, vâng, bạn có thể gây rối với các truy vấn truyền thông, các điểm dừng, giống như nơi công cụ của bạn bắt đầu phá vỡ.

Đó là nơi bạn bắt đầu, bạn biết đấy, thực hiện các truy vấn truyền thông, bạn chỉ có thể tạo một điểm nghỉ cho điều đó.

Vì vậy, ở đây chúng tôi chỉ thay đổi màn hình của các thanh tiến trình.

Chúng tôi sẽ đưa họ vào một cột duy nhất ở 700 một cái gì đó lớn mà họ chắc chắn là pixel.

Được rồi, vì vậy tìm kiếm.

Mọi thứ trông đẹp.

Tôi nghĩ vâng, mọi thứ trông đẹ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ứ thực sự tốt đẹp nếu ý tưởng về cách thực hiện các truy vấn truyền thông và mọi thứ, chúng ta cũng có thể gây rối với tiêu đề chính ở đây.

Vì vậy, chúng tôi chỉ cần, bạn biết, đặt kích thước phông chữ, có thể là một kích thước 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 kích thước phông chữ khác nhau để bạn có thể gây rối với các kiểu để xem loại kiểu bạn đang tìm kiếm.

Và những 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 truyền thông nào cho bên trong nên vâng, tôi nghĩ đó là nó cho video này.

Vì vậy, nếu bạn đã học được nhiều thứ, xin đừng quên đăng ký, nhận xét và chia sẻ video.

Tôi sẽ gặp bạn ở cái tiếp theo.



Học mã miễn phí. Chương trình giảng dạy 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ạo một trang web danh mục đầu tư cá nhân bằng HTML CSS và JavaScript?

Đi nào!..
Bước một: Thêm bộ xương HTML. Nhập mã bộ xương HTML, là điểm khởi đầu cho trang web của bạn. ....
Bước hai: Thêm thanh điều hướng. ....
Bước ba: Thêm phần anh hùng. ....
Bước bốn: Thêm phần về tôi. ....
Bước năm: Thêm phần Kinh nghiệm làm việc. ....
Bước sáu: Thêm phần liên lạc. ....
Bước bảy: Thêm phần chân trang ..

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

HTML, CSS và JavaScript là những ngôn ngữ cơ bản bạn cần biết để tạo một trang web..

Làm cách nào để tạo một trang web như một danh mục đầu tư?

Làm thế nào để tạo ra một danh mục đầu tư trực tuyến..
Thu thập cảm hứng ..
Chọn một mẫu ..
Giới thiệu các dự án tốt nhất của bạn ..
Sử dụng hình ảnh chất lượng cao ..
Bao gồm đúng nội dung và tính năng ..
Cải thiện danh mục đầu tư của bạn UX ..
Làm việc trên trang web của bạn SEO ..
Làm cho nó thân thiện với thiết bị di động ..

Làm thế nào để bạn thực hiện một trang web danh mục đầu tư từng bước?

Trình tạo trang: Sử dụng Trình tạo trang làm trình chỉnh sửa ...
Bước 01: Chọn một tên miền.Trước khi bắt đầu bất cứ điều gì khác, lúc đầu, bạn cần một tên miền dễ dàng, đơn giản và có liên quan.....
Bước 02: Chọn lưu trữ web.....
Bước 03: Cài đặt Joomla.....
Bước 04: Chọn mẫu.....
Bước 05: Tải lên một mẫu.....
Bước 06: Tùy chỉnh mẫu ..