fbpx
Tài liệu hướng dẫn và tối ưu dịch vụ
No Result
View All Result
  • Kiến thức Hosting
    cach-dang-ky-hosting-cho-nguoi-moi

    Cách đăng ký Hosting SSD cho người mới, dùng thử miễn phí 100%

    cach-tang-gioi-han-upload-import-phpmyadmin-directadmin

    Hướng dẫn cách tăng giới hạn upload/import phpMyAdmin DirectAdmin

    cach-tao-https-mien-phi-cho-wordpress

    Hướng dẫn cách tạo HTTPS miễn phí cho WordPress

    nextcloud-la-gi

    Nextcloud là gì? Cách cài đặt Nextcloud trên web hosting

    database-server-la-gi

    Database server là gì? Database server có những lợi ích gì?

    Ch 1 1 930x620 1

    Cloud Hosting là gì? Tìm hiểu về Cloud Hosting

    phan-cung-may-chu-la-gi

    Phần cứng máy chủ là gì? Cấu tạo như thế nào?

    railgun-la-gi

    Railgun là gì? Kích hoạt CloudFlare Railgun trên WordPress miễn phí!

    so-sanh-cloud-hosting-va-shared-hosting

    So sánh Cloud Hosting và Shared Hosting cho người mới

    Trending Tags

    • Webmasters
      huong-dan-cai-dat-tawk-to-cho-website

      Hướng dẫn cài đặt Tawk.to cho website WordPress miễn phí 100%

      cach-sua-loi-413-request-entity-too-large

      Cách sửa lỗi “413 Request Entity Too Large”

      tong-hop-cac-plugin-cho-wordpress

      [FREE 100%] Danh sách tổng hợp các Plugin cho WordPress

      cach-sua-loi-err-ssl-version-or-cipher-mismatch

      Hướng dẫn cách sửa lỗi “ERR_SSL_VERSION_OR_CIPHER_MISMATCH”

      recaptcha-la-gi

      reCAPTCHA là gì? Ứng dụng của reCAPTCHA vào website

      cach-tao-https-mien-phi-cho-wordpress

      Hướng dẫn cách tạo HTTPS miễn phí cho WordPress

      javascript-la-gi

      JavaScript là gì? Có nên học JavaScript hay không?

      cach-mysql-reset-root-password

      Cách MySQL reset Root Password

      sua-loi-upload-max-filesize-wordpress

      Sửa lỗi upload_max_filesize WordPress

      Trending Tags

      • Khuyến Mãi
        uu-dai-cuc-chat-mung-ngay-thong-nhat

        Chào 47 năm Ngày thống nhất, TinoHost giảm 74% Hosting, 47% VPS, tặng 50% thời gian sử dụng; cho phép thanh toán sau

        mien-phi-ten-mien-xyz-nam-dau

        TinoHost miễn phí 1 năm sử dụng tên miền

        vui-giang-sinh-rinh-qua-dinh

        Vui Giáng sinh, rinh quà đỉnh: Lifetime, giảm 50% trọn đời tất cả Hosting/VPS tại TinoHost

        mien-phi-plugin-postx-pro-va-plugin-productx-pro

        Tino Group miễn phí trọn đời Plugin PostX Pro và Plugin ProductX Pro, từ 12/2021

        black-friday-2021-tai-TinoHost

        Black Friday 2021 tại TinoHost: Lifetime, giảm đến 99%, tặng 100% thời gian

        sieu-bao-sale-cap-11-tai-tinohost

        Siêu bão Sale cấp 11 tại TinoHost: Hosting, VPS giảm đến 99%

        cung-vuot-qua-dai-dich-covid-19

        TinoHost miễn phí tên miền .vn, .com, .net, Hosting/VPS/Email doanh nghiệp cùng vượt qua đại dịch COVID-19

        da-bai-co-Vy-cung-TinoHost

        Mua 1 được 3, chọn quà cực đã – đả bại Cô Vy cùng TinoHost!

        mien-phi-astra-theme-pro-va-cac-plugin-di-kem

        Tino Group miễn phí Astra Theme Pro và các Plugin đi kèm, trị giá $1893

        Trending Tags

        • Kiếm tiền online
          cac-kenh-kinh-doanh-online-hieu-qua

          Tổng hợp các kênh kinh doanh online hiệu quả nhất Việt Nam

          cach-dang-bai-ban-hang-tren-shopee-qua-dien-thoai

          Cách đăng bài bán hàng trên Shopee qua điện thoại mới nhất

          viec-lam-Freelancer

          Freelancer là gì? Cách kiếm tiền với việc làm Freelancer

          publisher-la-gi

          Publisher là gì? 8 hình thức Publisher phổ biến nhất hiện nay

          livestream-la-gi

          Livestream là gì? Tiềm năng to lớn khi bán hàng trên Livestream

          studio-sang-tao-la-gi

          Studio sáng tạo là gì? Kiếm tiền trên Studio sáng tạo mới nhất 2022

          dang-ky-ban-hang-tren-baemin

          BAEMIN là gì? Hướng dẫn cách đăng ký bán hàng trên BAEMIN đơn giản nhất

          su-that-lam-giau-tu-tiep-thi-lien-ket

          Sự thật làm giàu từ tiếp thị liên kết mọi người nên biết

          app-kiem-tien-nuoc-ngoai-uy-tin

          Top 5 app kiếm tiền nước ngoài uy tín nhất 2022

          Trending Tags

          • Tài liệu
            • Hướng dẫn về Tên Miền
            • Hướng dẫn về Cloud Hosting
            • Hướng dẫn về Cloud VPS
            • Câu hỏi chung về WordPress
            • Hướng dẫn Email Server
            • Hướng Dẫn Về Tổng Đài Ảo
            • Hướng Dẫn Về Hóa Đơn Điện Tử
            • Hướng dẫn về Thanh Toán
            • Hướng dẫn về Chứng chỉ SSL
            • Hướng dẫn cho Cộng Tác Viên
            • Hướng dẫn chung
            • Câu hỏi thường gặp
            • Hướng dẫn về SEO hosting.
          • Bitrix24
            • Applications
            • Bitrix24 Drive
            • Calendars
            • Chats and Calls
            • Contact Center
            • CRM
            • CRM + Online Store
            • CRM Analytics (Beta)
            • CRM Marketing
            • CRM Store (Beta)
            • Desktop App
            • Employees
            • Feed
            • Knowledge Base (Beta)
            • Mobile App
            • My Profile
            • Online Store (Beta)
            • Open Chanels
            • Robotic Process Automation (Beta)
            • Sales Center (Beta)
          • Chuyển đổi số
          • Dịch vụ
            • Dịch vụ viết content chuẩn SEO
            • Mua tên miền
            • Hosting giá rẻ
            • VPS giá rẻ
            • Email doanh nghiệp
            • SSL giá rẻ
            • Tổng đài ảo
            • Hóa đơn điện tử
            • Thiết kế website
            • Dịch vụ chuyển đổi số
          • Kiến thức Hosting
            cach-dang-ky-hosting-cho-nguoi-moi

            Cách đăng ký Hosting SSD cho người mới, dùng thử miễn phí 100%

            cach-tang-gioi-han-upload-import-phpmyadmin-directadmin

            Hướng dẫn cách tăng giới hạn upload/import phpMyAdmin DirectAdmin

            cach-tao-https-mien-phi-cho-wordpress

            Hướng dẫn cách tạo HTTPS miễn phí cho WordPress

            nextcloud-la-gi

            Nextcloud là gì? Cách cài đặt Nextcloud trên web hosting

            database-server-la-gi

            Database server là gì? Database server có những lợi ích gì?

            Ch 1 1 930x620 1

            Cloud Hosting là gì? Tìm hiểu về Cloud Hosting

            phan-cung-may-chu-la-gi

            Phần cứng máy chủ là gì? Cấu tạo như thế nào?

            railgun-la-gi

            Railgun là gì? Kích hoạt CloudFlare Railgun trên WordPress miễn phí!

            so-sanh-cloud-hosting-va-shared-hosting

            So sánh Cloud Hosting và Shared Hosting cho người mới

            Trending Tags

            • Webmasters
              huong-dan-cai-dat-tawk-to-cho-website

              Hướng dẫn cài đặt Tawk.to cho website WordPress miễn phí 100%

              cach-sua-loi-413-request-entity-too-large

              Cách sửa lỗi “413 Request Entity Too Large”

              tong-hop-cac-plugin-cho-wordpress

              [FREE 100%] Danh sách tổng hợp các Plugin cho WordPress

              cach-sua-loi-err-ssl-version-or-cipher-mismatch

              Hướng dẫn cách sửa lỗi “ERR_SSL_VERSION_OR_CIPHER_MISMATCH”

              recaptcha-la-gi

              reCAPTCHA là gì? Ứng dụng của reCAPTCHA vào website

              cach-tao-https-mien-phi-cho-wordpress

              Hướng dẫn cách tạo HTTPS miễn phí cho WordPress

              javascript-la-gi

              JavaScript là gì? Có nên học JavaScript hay không?

              cach-mysql-reset-root-password

              Cách MySQL reset Root Password

              sua-loi-upload-max-filesize-wordpress

              Sửa lỗi upload_max_filesize WordPress

              Trending Tags

              • Khuyến Mãi
                uu-dai-cuc-chat-mung-ngay-thong-nhat

                Chào 47 năm Ngày thống nhất, TinoHost giảm 74% Hosting, 47% VPS, tặng 50% thời gian sử dụng; cho phép thanh toán sau

                mien-phi-ten-mien-xyz-nam-dau

                TinoHost miễn phí 1 năm sử dụng tên miền

                vui-giang-sinh-rinh-qua-dinh

                Vui Giáng sinh, rinh quà đỉnh: Lifetime, giảm 50% trọn đời tất cả Hosting/VPS tại TinoHost

                mien-phi-plugin-postx-pro-va-plugin-productx-pro

                Tino Group miễn phí trọn đời Plugin PostX Pro và Plugin ProductX Pro, từ 12/2021

                black-friday-2021-tai-TinoHost

                Black Friday 2021 tại TinoHost: Lifetime, giảm đến 99%, tặng 100% thời gian

                sieu-bao-sale-cap-11-tai-tinohost

                Siêu bão Sale cấp 11 tại TinoHost: Hosting, VPS giảm đến 99%

                cung-vuot-qua-dai-dich-covid-19

                TinoHost miễn phí tên miền .vn, .com, .net, Hosting/VPS/Email doanh nghiệp cùng vượt qua đại dịch COVID-19

                da-bai-co-Vy-cung-TinoHost

                Mua 1 được 3, chọn quà cực đã – đả bại Cô Vy cùng TinoHost!

                mien-phi-astra-theme-pro-va-cac-plugin-di-kem

                Tino Group miễn phí Astra Theme Pro và các Plugin đi kèm, trị giá $1893

                Trending Tags

                • Kiếm tiền online
                  cac-kenh-kinh-doanh-online-hieu-qua

                  Tổng hợp các kênh kinh doanh online hiệu quả nhất Việt Nam

                  cach-dang-bai-ban-hang-tren-shopee-qua-dien-thoai

                  Cách đăng bài bán hàng trên Shopee qua điện thoại mới nhất

                  viec-lam-Freelancer

                  Freelancer là gì? Cách kiếm tiền với việc làm Freelancer

                  publisher-la-gi

                  Publisher là gì? 8 hình thức Publisher phổ biến nhất hiện nay

                  livestream-la-gi

                  Livestream là gì? Tiềm năng to lớn khi bán hàng trên Livestream

                  studio-sang-tao-la-gi

                  Studio sáng tạo là gì? Kiếm tiền trên Studio sáng tạo mới nhất 2022

                  dang-ky-ban-hang-tren-baemin

                  BAEMIN là gì? Hướng dẫn cách đăng ký bán hàng trên BAEMIN đơn giản nhất

                  su-that-lam-giau-tu-tiep-thi-lien-ket

                  Sự thật làm giàu từ tiếp thị liên kết mọi người nên biết

                  app-kiem-tien-nuoc-ngoai-uy-tin

                  Top 5 app kiếm tiền nước ngoài uy tín nhất 2022

                  Trending Tags

                  • Tài liệu
                    • Hướng dẫn về Tên Miền
                    • Hướng dẫn về Cloud Hosting
                    • Hướng dẫn về Cloud VPS
                    • Câu hỏi chung về WordPress
                    • Hướng dẫn Email Server
                    • Hướng Dẫn Về Tổng Đài Ảo
                    • Hướng Dẫn Về Hóa Đơn Điện Tử
                    • Hướng dẫn về Thanh Toán
                    • Hướng dẫn về Chứng chỉ SSL
                    • Hướng dẫn cho Cộng Tác Viên
                    • Hướng dẫn chung
                    • Câu hỏi thường gặp
                    • Hướng dẫn về SEO hosting.
                  • Bitrix24
                    • Applications
                    • Bitrix24 Drive
                    • Calendars
                    • Chats and Calls
                    • Contact Center
                    • CRM
                    • CRM + Online Store
                    • CRM Analytics (Beta)
                    • CRM Marketing
                    • CRM Store (Beta)
                    • Desktop App
                    • Employees
                    • Feed
                    • Knowledge Base (Beta)
                    • Mobile App
                    • My Profile
                    • Online Store (Beta)
                    • Open Chanels
                    • Robotic Process Automation (Beta)
                    • Sales Center (Beta)
                  • Chuyển đổi số
                  • Dịch vụ
                    • Dịch vụ viết content chuẩn SEO
                    • Mua tên miền
                    • Hosting giá rẻ
                    • VPS giá rẻ
                    • Email doanh nghiệp
                    • SSL giá rẻ
                    • Tổng đài ảo
                    • Hóa đơn điện tử
                    • Thiết kế website
                    • Dịch vụ chuyển đổi số
                  No Result
                  View All Result
                  Tài liệu hướng dẫn và tối ưu dịch vụ
                  No Result
                  View All Result
                  Home Webmasters

                  Position trong CSS là gì? Giải thích 5 thuộc tính Position trong CSS

                  by TinoHost
                  in Webmasters
                  0 0
                  A A
                  0
                  Position trong CSS là gì? Giải thích 5 thuộc tính Position trong CSS 3
                  0
                  SHARES
                  5.9k
                  VIEWS
                  Share on FacebookShare on Twitter
                  ADVERTISEMENT

                  Nếu bạn đang học cách sử dụng CSS cho trang web của mình, bạn có thể sử dụng Position trong CSS để thiết kế layout của bạn trông thật đẹp mắt. Vậy, Position trong CSS là gì? Tino Group sẽ giải đáp giúp bạn cũng với những ví dụ trực quan bằng code và hình ảnh để bạn thấy luôn nhé!

                  NỘI DUNG

                  1. Position trong CSS là gì?
                    1. Các vị trí trong Position
                    2. 5 giá trị thuộc tính cơ bản của Position trong CSS
                  2. Giải thích chi tiết các giá trị thuộc tính của Position trong CSS
                    1. Position static
                    2. Position relative
                    3. Position fixed
                    4. Position absolute
                    5. Position sticky
                  3. Những câu hỏi thường gặp về Position trong CSS
                  4. Nên học về Position trong CSS và học CSS ở đâu?
                  5. Vì sao Menu Sticky lại không hoạt động?
                  6. Layout là gì?
                  7. Làm sao để căn giữa 1 dòng text trên bức ảnh?

                  Position trong CSS là gì?

                  Position trong CSS được sử dụng để định vị vị trí hiển thị của các phần tử thẻ HTML và thường sử dụng để xây dựng CSS cho menu nhiều cấp, tooltip và một số chức năng khác liên quan đến vị trí.

                  position-trong-css-la-gi

                  Các vị trí trong Position

                  Các vị trí trên 1 mặt phẳng như bạn đã biết bao gồm 4 vị trí chính: trên, dưới, trái, phải tương ứng ta sẽ có các vị trí Position như sau:

                  • Top – trên
                  • Bottom – dưới
                  • Left – trái
                  • Right – phải
                  position-trong-css-la-gi

                  Tất nhiên, đây chỉ là những vị trí cơ bản nhất, khi thực hiện 1 layout, bạn sẽ phải căng chỉnh vị trí nhiều hơn nhiều bằng cách kết hợp cùng các thuộc tính Position trong CSS khác ví dụ như trong ảnh:

                  Position trong CSS là gì? Giải thích 5 thuộc tính Position trong CSS 4

                  Để hiểu một cách trực quan hơn, bạn nên thực hành. Nếu bạn ngại code lại từ đầu, bạn có thể truy cập vào link này và thực hành chỉnh sửa các thông số, vị trí của khối vuông nhé!

                  position-trong-css-la-gi

                  5 giá trị thuộc tính cơ bản của Position trong CSS

                  Thông thường chúng ta sẽ có 4 thuộc tính chính bao gồm: static, relative, fixed và absolute. Ngoài ra bạn sẽ thấy thêm các thuộc tính như: sticky và 2 thuộc tính khá thú vị khác là initial, inherit.

                  Trong bài viết, Tino Group chỉ đào sâu giới thiệu về 5 thuộc tính: static, relative, fixed, absolute và sticky nhé!

                  • Position static: vị trí/tĩnh mặc định của phần tử và bạn đặt đâu phần tử sẽ nằm ở đó.
                  • Position relative: vị trí của phần tử sẽ tương đối so với vị trí tĩnh bạn đặt và khoản không gian xung quanh phần tử sẽ được giữ nguyên.
                  • Position fixed: vị trí sẽ nằm cố định một chỗ, dù bạn có làm gì, phần tử vẫn nằm cố định 1 vị trí trên màn hình.
                  • Position absolute: vị trí của phần tử sẽ được xác định từ padding của phần tử cha.
                  • Position sticky: vị trí của phần tử sẽ được định vị khi người dùng sử dụng thanh cuộn.
                  Xem Thêm:   NodeJS là gì? Tại sao NodeJS lại quan trọng với lập trình web?

                  Giải thích chi tiết các giá trị thuộc tính của Position trong CSS

                  Việc giải thích sơ bộ vẫn sẽ rất khó để có thể hiểu và tưởng tượng ra. Sau đây, Tino Group sẽ giải thích chi tiết từng giá trị thuộc tính cùng ví dụ minh họa để bạn hiểu rõ và thực hành luôn nhé!

                  Position static

                  Position static hay vị trí mặc định, đồng nghĩa với việc vị trí của phần tử này được xác định theo quy tắc thông thường của các tài liệu.

                  Bạn sẽ không thể sử dụng các thuộc tính CSS như: Top, Bottom, Left, Right để thiết lập vị trí cho phần tử đó.

                  Position trong CSS là gì? Giải thích 5 thuộc tính Position trong CSS 5
                  ADVERTISEMENT

                  Code ví dụ:

                  <div style=”position:static; border:1px solid; padding:5px;”>

                  This div element has {position: static};

                  </div>

                  <br>

                  <h3>CSS {position:static; left: 50px;}</h3>

                  <div style=”position:static; left: 50px;”>

                  This div element has {position: static} and {left: 50px}

                  </div>

                  Và đây là kết quả khi chạy:

                  position-trong-css-la-gi

                  Position relative

                  Phần tử được định vị bằng Position relative sẽ nằm ở vị trí tương đối so với vị trí static. Bạn có thể sử dụng các CSS như: Top, Bottom, Left, Right để định vị vị trí của phần tử đó.

                  Code mẫu:

                  <h3>{position: relative;}</h3>

                  <div style=”position: relative; width:250px;”>

                  position: relative; width:250px;

                  </div>

                  <br>

                  <h3>{position: relative; left:50px; top:50px;}</h3>

                  <div style=”position: relative; left:50px; top:50px; width:250px;”>

                  position: relative; width:250px; <br/>

                  left:50px; top:50px;

                  </div>

                  Bạn sẽ có kết quả như sau:

                  position-trong-css-la-gi

                  Khi sử dụng trình duyệt, bạn sẽ thấy kết quả như sau:

                  position-trong-css-la-gi

                  Bạn có thể thấy rõ rằng: vị trí Top và Left của phần tử đã bị thay đổi. Tuy nhiên, việc thay đổi ở đây chỉ thay đổi vị trí của phần tử chứ không làm thay đổi kích thước của phần tử.

                  Position fixed

                  Phần tử được định vị bằng Position fixed sẽ có vị trí tương đối so với Viewport trên trình duyệt của bạn. Nghe có vẻ khó hiểu bạn có thể tham khảo Viewport trên trình duyệt Chrome tại đây:

                  position-trong-css-la-gi

                  Code mẫu:

                  <!DOCTYPE html>

                  <html>

                  <head>

                  <meta charset=”utf-8″/>

                  <title>CSS Position</title>

                  <style>

                  div {

                  background-color:yellow;

                  padding: 5px;

                  }

                  </style>

                  </head>

                  <body>

                  <h2>{position: fixed}</h2>

                  <div style=”position:fixed; bottom:20px; right:15px;”>

                  position:fixed; bottom:20px; right:15px;

                  </div>

                  <p>Content .. 1</p>

                  <p>Content .. 2</p>

                  <p>Content .. 3</p>

                  <p>Content .. 4</p>

                  <p>Content .. 5</p>

                  </body>

                  </html>

                  Bạn sẽ có được kết quả như sau:

                  position-trong-css-la-gi

                  Bạn có thể thu nhỏ cửa sổ trình duyệt của mình lại và kéo phóng to thu nhỏ, bạn sẽ thấy phần tử màu vàng sẽ thay đổi vị trí theo cách bạn thu phóng cửa sổ trình duyệt. Một cách nói khác: bạn đang thực hiện neo cố định 4 cạnh của phần tử với 4 cạnh của trình duyệt bằng dòng code:

                  <div style=”position:fixed; bottom:20px; right:15px;”>

                  position:fixed; bottom:20px; right:15px;

                  </div>

                  Bằng cách này, phần tử của bạn sẽ thay đổi vị trí của phần tử đó dựa theo vị trí của trình duyệt.

                  Xem Thêm:   Hướng dẫn cách kiểm tra IP website online miễn phí 100%

                  Position absolute

                  Đối với một phần tử được định vị bằng Position absolute, phần tử sẽ tự động ưu tiên cho phần tử cha, ông gần nhất của chúng có chứa Position relative. Khi tìm thấy phần tử chứa Position relative, phần tử được định vị bằng Position absolute sẽ tự động tạo vị trí tương đối so với phần tử đó. Nếu không, phần tử định vị bằng Position absolute sẽ lấy vị trí tương đối so với Viewport trên trình duyệt của bạn.

                  position-trong-css-la-gi

                  Code ví dụ:

                  <!DOCTYPE html>

                  <html>

                  <head>

                  <meta charset=”utf-8″/>

                  <title>CSS Position</title>

                  </head>

                  <body>

                  <h2 class=”mb-3″>CSS {position:absolute}</h2>

                  <div style=”position:relative; height:200px;border:1px solid red;”>

                  Tui là dòng div {position:relative} (Đỏ).

                  <div style=”border:1px solid green;”>

                  Tui là dòng div thông thường (Xanh lá).

                  <div style=”position: absolute; bottom:10px; right:15px; background:yellow;”>

                  position: absolute; bottom:10px; right:15px;

                  </div>

                  </div>

                  </div>

                  </body>

                  </html>

                  Kết quả bạn có:

                  position-trong-css-la-gi

                  Khi bạn để nguyên phần tử màu vàng sẽ thiết lập vị trí tương đối so với phần tử cha mau đỏ. Đến khi bạn thu nhỏ cửa sổ lại và chèn một đoạn dưới của phần tử màu đỏ, lúc này phần tử màu vàng sẽ thiết lập vị trí tương đối của nó so với Viewport của trình duyệt.

                  Position sticky

                  Phần tử được định vị bằng Position sticky sẽ thay đổi vị trí dựa trên thao tác cuộn của người dùng. Với Position sticky, phần tử sẽ linh động chuyển từ trạng thái relative sang fixed và ngược lại. Position sticky khá thú vị đấy bạn nhỉ!

                  Bạn có thể thực hành với dòng code cơ bản như sau:

                  menu sẽ thay đổi theo.

                  Bạn có thể thực hành với dòng code cơ bản như sau:

                  <!DOCTYPE html>

                  <html>

                  <head>

                  <style>

                  div.sticky {

                  position: -webkit-sticky;

                  position: sticky;

                  top: 0;

                  padding: 5px;

                  background-color: #cae8ca;

                  border: 2px solid #4CAF50;

                  }

                  </style>

                  </head>

                  <body>

                  <p>Thử <b>cuộn lên xuống</b> để nhìn thấy cái sticky positioning này hoạt động nhé!</p>

                  <p> Internet Explorer và Edge phiên bản 15 trở xuống không hỗ trợ bạn sử dụng Position sticky!</p>

                  <div class=”sticky”>Tui là cái sticky!</div>

                  <div style=”padding-bottom:2000px”>

                  <p>Trong ví dụ này, phần tử dính sẽ dính vào đầu trang (top: 0), khi bạn đến vị trí cuộn của nó.</p>

                  <p>Some text to enable scrolling.. Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus.</p>

                  <p>Some text to enable scrolling.. Lorem ipsum dolor sit amet, illum definitiones no quo, maluisset concludaturque et eum, altera fabulas ut quo. Atqui causae gloriatur ius te, id agam omnis evertitur eum. Affert laboramus repudiandae nec et. Inciderint efficiantur his ad. Eum no molestiae voluptatibus.</p>

                  </div>

                  </body>

                  </html>

                  Bạn sẽ có kết quả như sau:

                  position-trong-css-la-gi

                  Thanh màu xanh có dòng chữ Tui là cái sticky! sẽ thay đổi vị trí khi bạn cuộn con lăn của bạn.

                  Xem Thêm:   Hướng dẫn truy cập SSH vào Share Hosting Với Putty

                  Bạn có thể thay đổi chữ và thực hành tại đây.

                  Qua bài viết, Tino Group đã giải đáp thắc mắc về Position trong CSS là gì, cũng như đưa ra từng ví dụ cho từng thuộc tính trực quan nhất để giúp bạn có thể sử dụng Position trong CSS một cách hiệu quả nhất. Tino Group chúc bạn trở thành một bậc thầy sáng tạo và thiết kế web bằng CSS nhé!

                  Bài viết tham khảo từ các nguồn: W3Schools , Mozilla, Kipalog và Open Planning.

                  Những câu hỏi thường gặp về Position trong CSS

                  Nên học về Position trong CSS và học CSS ở đâu?

                  Tino Group gợi ý cho bạn 2 trang sau để học cách code trực quan, hiệu quả cùng nhiều ngôn ngữ liên quan một cách hoàn toàn miễn phí là: W3Schools và Open Planning.

                  Đối với W3Schools bạn sẽ cần phải biết một chút tiếng Anh để có thể học tốt nhất. Nếu bạn muốn sử dụng ngôn ngữ tiếng Việt, bạn có thể học ngay tại Open Planning nhé!

                  Vì sao Menu Sticky lại không hoạt động?

                  Nếu bạn chắc chắn đã code chính xác, khả năng cao là do trình duyệt của bạn không hỗ trợ Menu Sticky, 2 trình duyệt của Microsoft là Internet Explorer và Edge phiên bản 15 trở xuống không hỗ trợ bạn sử dụng Position sticky.

                  Layout là gì?

                  Layout có thể hiểu đơn giản đó chính là sắp xếp vị trí của các phần tử trên trang web của bạn sao cho thật đẹp mắt. Bạn có thể tìm hiểu thêm về Layout tại đây.

                  Làm sao để căn giữa 1 dòng text trên bức ảnh?

                  Để căn giữa text trong bức ảnh, bạn có thể sử dụng thẻ thuộc tính center. Bạn có thể copy code và lưu lại với định dạng html và chạy bằng trình duyệt:

                  <!DOCTYPE html>

                  <html>

                  <head>

                  <style>

                  .container {

                  position: relative;

                  }

                  .center {

                  position: absolute;

                  top: 50%;

                  width: 100%;

                  text-align: center;

                  font-size: 18px;

                  }

                  img {

                  width: 100%;

                  height: auto;

                  opacity: 0.3;

                  }

                  </style>

                  </head>

                  <body>

                  <h2>Image Text</h2>

                  <p>Dòng text chính giữa ảnh:</p>

                  <div class=”container”>

                  <img src=”img_5terre_wide.jpg” alt=”Cinque Terre” width=”1000″ height=”300″>

                  <div class=”center”>Centered</div>

                  </div>

                  </body>

                  </html>

                  CÔNG TY CỔ PHẦN TẬP ĐOÀN TINO

                  • Trụ sở chính: L17-11, Tầng 17, Tòa nhà Vincom Center, Số 72 Lê Thánh Tôn, Phường Bến Nghé, Quận 1, Thành phố Hồ Chí Minh
                    Văn phòng đại diện: 42 Trần Phú, Phường 4, Quận 5, Thành phố Hồ Chí Minh
                  • Điện thoại: 0364 333 333
                    Tổng đài miễn phí: 1800 6734
                  • Email: sales@tino.org
                  • Website: www.tino.org
                  5/5 - (1 bình chọn)
                  Tags: hỗ trợ Developer
                  ShareTweetShare

                  Cập nhật nhanh nhất thông tin bài viết bằng cách bấm đăng ký.

                  Bỏ đăng ký
                  TinoHost

                  TinoHost

                  Chia sẻ một chút thông tin về bạn. Những thông tin này có thể được công khai.

                  Related Posts

                  huong-dan-cai-dat-tawk-to-cho-website
                  Webmasters

                  Hướng dẫn cài đặt Tawk.to cho website WordPress miễn phí 100%

                  04/06/2022
                  cach-sua-loi-413-request-entity-too-large
                  Webmasters

                  Cách sửa lỗi “413 Request Entity Too Large”

                  03/23/2022
                  tong-hop-cac-plugin-cho-wordpress
                  Webmasters

                  [FREE 100%] Danh sách tổng hợp các Plugin cho WordPress

                  03/19/2022
                  cach-sua-loi-err-ssl-version-or-cipher-mismatch
                  Webmasters

                  Hướng dẫn cách sửa lỗi “ERR_SSL_VERSION_OR_CIPHER_MISMATCH”

                  03/19/2022
                  recaptcha-la-gi
                  Webmasters

                  reCAPTCHA là gì? Ứng dụng của reCAPTCHA vào website

                  03/18/2022
                  cach-tao-https-mien-phi-cho-wordpress
                  Kiến thức Hosting

                  Hướng dẫn cách tạo HTTPS miễn phí cho WordPress

                  03/16/2022

                  Recommended

                  c-sharp-la-gi

                  C Sharp là gì? Có nên học C Sharp hay không?

                  01/12/2022
                  lazy-loading-la-gi

                  Lazy Loading là gì? Tại sao nên triển khai Lazy Loading?

                  08/02/2021
                  rtp-la-gi

                  RTP là gì? Code ví dụ để sử dụng RTP

                  03/14/2022
                  bat-den-flash-khi-co-cuoc-goi-den-iphone

                  Cách bật đèn flash khi có cuộc gọi đến iPhone

                  06/20/2022
                  Kiểm tra băng thông mạng với SpeedTest chính xác mới nhất 2022

                  Kiểm tra băng thông mạng với SpeedTest chính xác mới nhất 2022

                  01/05/2022
                  Wix Review Pros And Cons

                  WIX là gì? Ưu -nhược điểm của WIX và cách sử dụng

                  10/14/2020

                  Tài liệu nổi bật

                  No Content Available
                  TinoHost
                  TinoHost
                  4.9
                  Based on 229 reviews
                  See all reviewsWrite a review
                  Szölôsi Botond
                  Szölôsi Botond
                  It’s amazing investing under the platform of Craig Connor. I just got another payout I just confirmed he’s legit and reliable. Sir the only I can say thank you is recommending you to others you are such an amazing man. God bless you. You can also message him on WhatsApp:+19852898903 for more information.
                  Phan Ngọc Sơn Đăng
                  Phan Ngọc Sơn Đăng
                  chất lượng dịch vụ tốt lắm...á
                  Nguyễn Văn Tiệp
                  Nguyễn Văn Tiệp
                  chất lượng dịch vụ rất tốt.
                  Thanh Quân
                  Thanh Quân
                  giá tốt, chất lượng cao mình rất hài lòng
                  Thạch Trần
                  Thạch Trần
                  Tino giá tốt,chất lượng cao,dịch vụ tư vấn và hổ trợ khách hàng tận tâm.
                  Chu Toàn
                  Chu Toàn
                  tôi rất thích sử dụng dịch vụ tại tinohostinohost. tốc độ tải nhanh và cực kỳ rẻ
                  Vạn Điều Khó Nói
                  Vạn Điều Khó Nói
                  Dịch vụ chăm sóc khách hàng tốt
                  Nguyễn Văn Hà
                  Nguyễn Văn Hà
                  Dùng rất oke nha mọi người
                  Hanh Truong
                  Hanh Truong
                  Dịch vụ chăm sóc khách hàng tốt, mình rất hài lòng về dịch vụ của TINOHOST
                  Ngọ Nguyễn
                  Ngọ Nguyễn
                  Đã mua rất nhiều tên miền tại Tinohost. Chất lượng tốt
                  Thai Pham
                  Thai Pham
                  Dịch vụ tốt, chăm sóc khách hàng chu đáo. Mình rất yên tâm khi sử dụng các dịch vụ của Tinohost.
                  Ngọc Huyền
                  Ngọc Huyền
                  dịch vụ và chăm sóc khách hàng rất tốt , mình rất thích tinohost , mình đã sử dụng nhiều dịch vụ của tinohost rồi
                  Lê Thành Tài
                  Lê Thành Tài
                  tuyệt vời chăm sóc khách hàng quá tốt
                  Dang Huu Quoc Cuong
                  Dang Huu Quoc Cuong
                  tuyệt vời chăm sóc khách hàng quá tốt
                  Quang Thức
                  Quang Thức
                  dịch vụ và chăm sóc khách hàng rất tốt , mình rất thích tinohost , mình đã sử dụng nhiều dịch vụ của tinohost rồi
                  Phạm Trung Đức
                  Phạm Trung Đức
                  dịch vụ tuyệt vời . chăm sóc khách hàng rất tốt
                  Iron Vũ
                  Iron Vũ
                  Quá tốt - Quá xuất sắc và tuyệt
                  Minh Ho
                  Minh Ho
                  Hỗ trợ nhiệt tình. dịch vụ chất lượng
                  Lê Quốc Ninh
                  Lê Quốc Ninh
                  Host ổn định. miền giá rẻ. hỗ trợ nhanh
                  Nguyễn Nhật
                  Nguyễn Nhật
                  Đội ngũ support rất nhiệt tình.
                  Trung William
                  Trung William
                  Sử dụng dịch vụ của bạn Tinohost 2 3 năm nay chưa khi nào phải thất vọng.
                  Đạt Light
                  Đạt Light
                  host dùng chất lượng, miền giá rẻ
                  HM Hưng
                  HM Hưng
                  Host chất lượng uy tín, dịch vụ tốt
                  Nguyễn Minh Đức
                  Nguyễn Minh Đức
                  dịch vụ hỗ trợ rất nhanh, tốc độ hosting tốt
                  Tuấn Lê
                  Tuấn Lê
                  Hộ trợ tốt, nhanh. Tuyệt vời 🥰
                  Nguyễn Tiến Toàn
                  Nguyễn Tiến Toàn
                  tuyệt vời, dịch vụ cực tốt và hỗ trợ siêu nhanh
                  Linh Hoàng Vũ
                  Linh Hoàng Vũ
                  Làm việc nhanh chóng, giá thành hợp lí.
                  Kevin Phan
                  Kevin Phan
                  Chất lượng phục vụ tốt, hỗ trợ khá nhanh chóng và chất lượng gói lớn tốt, gói nhỏ cần tốt hơn.
                  Phạm Hồng Phúc
                  Phạm Hồng Phúc
                  Hosting rẻ và nhanh thích hợp cho học sinh sinh viên như mình
                  Mạnh Dương Phan
                  Mạnh Dương Phan
                  dịch vu tốt ! Sẽ sử dụng thưởng xuyên !
                  Bến Hà
                  Bến Hà
                  Mỗi lần cần gì, nhắn Tino là được hỗ trợ ngay. Nên một đứa không biết gì về web như mình cũng tạo được blog. Cơ bản mình chỉ lo viết, mọi thứ có anh IT của Tino lo hết.
                  Đỗ Duy Công
                  Đỗ Duy Công
                  Nhìn chung thì Tino xứng đáng là một trong những nhà cung cấp host giá rẻ #1 tại VN. Bên này support khá nhanh và nhiệt tình nên quá trình sử dụng diễn ra tương đối trơn tru.
                  Chất lượng quá ok so với mức giá. Các SME có thể tham khảo để dựng web nhé.
                  Hiếu Tâm
                  Hiếu Tâm
                  uy tín chất lượng chuẩn cho 5 sao
                  Nguyễn An
                  Nguyễn An
                  Dịch vụ nhanh chóng thanh toán tiện lợi
                  Thin Vu Thi
                  Thin Vu Thi
                  Dịch vụ nhanh chóng, giá cả hợp lý
                  Khoai Lang Nướng
                  Khoai Lang Nướng
                  Chất lượng phục vụ ok, support khá nhanh chóng và chất lượng gói lớn tốt, gói nhỏ cần tốt hơn.
                  Nguyễn Phương Duy
                  Nguyễn Phương Duy
                  Dịch vụ tốt, giá cả hợp lý👍
                  Trần Đức Huy
                  Trần Đức Huy
                  Rất hay, rất tốt, rất hữu ích
                  Lee Hậu
                  Lee Hậu
                  Hỗ trợ rất nhanh và nhiệt tình
                  Quang Vinh
                  Quang Vinh
                  Chất lượng phục vụ ok, support khá nhanh chóng và chất lượng gói lớn tốt, gói nhỏ cần tốt hơn.
                  Pon Nguyễn
                  Pon Nguyễn
                  Ta nói dịch vụ gì mà tốt dã man, xịn quá i <3
                  Bảo Nguyễn
                  Bảo Nguyễn
                  dịch vụ tốt, thanh toán nhanh chống
                  Đào Duy Khang
                  Đào Duy Khang
                  Hài lòng dịch vụ của tinohost
                  Trịnh Văn Tuấn
                  Trịnh Văn Tuấn
                  Sau khi sử dụng dịch vụ của TinoHost. Mình thấy website load nhanh hơn hẳn so với sử dụng ở nhà cung cấp cũ. Giá cả do mình đc mua với giá sale 99% của TinoHost nên rất là rẻ. Gói mình mua là gòi Hosting Bussiness 20GB. Thông số cấu hình cao nên web load khá mượt
                  Chúc TinoHost phát triển!
                  Lê Quang Huy
                  Lê Quang Huy
                  domain rẻ, có nhiều gói hữu ích thích hợp cho sinh viên
                  Hòa Kha
                  Hòa Kha
                  ok rất tuyệt vời. cskh 25/7
                  Đàm Văn Trọng
                  Đàm Văn Trọng
                  Dịch vụ trãi nghiệm tốt, cho 5 sao
                  Đặng Văn Thành
                  Đặng Văn Thành
                  Hài lòng về dịch vụ và tư vấn
                  Hiếu Phi
                  Hiếu Phi
                  Dịch vụ tốt . Support nhiệt tình
                  Nguyễn Quốc Đạt
                  Nguyễn Quốc Đạt
                  Dịch vụ thật tuyệt vời
                  Huy Lona
                  Huy Lona
                  Chất lượng OK
                  Nhanh chóng
                  Nghĩa Đinh
                  Nghĩa Đinh
                  Đã gia hạn thêm gói 1 năm nữa của TINO host. Chất lượng sản phẩm và dịch vụ thật sự tốt. AE nên trải nghiệm thử và tin dùng. Thank you TINO 👍
                  Hn Thiện
                  Hn Thiện
                  dịch vụ rất tốt
                  Hồ Viết Bun
                  Hồ Viết Bun
                  Nhân viên support nhanh, hỗ trợ nhiệt tình, giao dịch tự động nên khá tiện
                  Lê Ngọc Tài
                  Lê Ngọc Tài
                  đã mua tên miền và hosting bên Tino, sẽ trải nghiệm lâu dài
                  Tin Tin
                  Tin Tin
                  Đã dùng nhiều dịch vụ tại Tinohost, chất lượng tốt, rất hài lòng ...😀
                  Ton Nhan Thai
                  Ton Nhan Thai
                  Các bạn hỗ trợ làm việc nhiệt tình và chuyên nghiệp!
                  Ngô Trường Dũng
                  Ngô Trường Dũng
                  Sự dụng rất hài lòng với các dịch vụ của tinohost
                  Dương Minh Chính
                  Dương Minh Chính
                  Dịch vụ tốt, uy tín chất lượng
                  Ngo Duc Anh
                  Ngo Duc Anh
                  Tino dịch vụ quá tuyệt vời
                  Cuong Tran
                  Cuong Tran
                  Giá rẻ, dịch vụ tốt, hỗ trợ nhanh chóng
                  Thái Dương
                  Thái Dương
                  Dịch vụ tốt hỗ trợ support nhanh
                  Khiêm Lê Trần
                  Khiêm Lê Trần
                  dịch vụ rất tốt rất tuyệt vời
                  Nguyên Vũ
                  Nguyên Vũ
                  Giá hợp lý cho người mới dùng
                  Phuong Nguyen Hoang
                  Phuong Nguyen Hoang
                  Mình thấy Tinohost có giao diện thân thiện, dễ đăng ký sử dụng cho người mới tập tành làm web như mình. Hosting hỗ trợ có nhiều lựa chọn về dung lượng và giá cả! Thanh toán qua momo thuận tiện. Recommended!
                  Gà Việt
                  Gà Việt
                  wed quá ok làm việc nhanh ngọn
                  Ngô Viết Đức
                  Ngô Viết Đức
                  Dv Rất Tốt Và Rất Hay
                  Tuấn Anh
                  Tuấn Anh
                  Dịch vụ tốt. Khá hài lòng vì support nhiệt tình
                  Nguyễn Văn Luyến
                  Nguyễn Văn Luyến
                  Dịch vụ quá tuyệt vời danh cho các bạn
                  Ngọc Nim
                  Ngọc Nim
                  đội sp của Tino rất nhiệt tình và nhanh chóng
                  Võ Trọng Tín
                  Võ Trọng Tín
                  Xin cảm ơn đội ngủ kỹ thuật. Các bạn rất chuyên nghiệp và thân thiện. Tôi sẽ giới thiệu các bạn cho bạn bè của mình.
                  Thân Hoàng
                  Thân Hoàng
                  Dịch vụ hỗ trợ tốt, ổn định, thanh toán dễ dàng.
                  Mình từng dùng VPS bên Vietel IDC, hay gặp lỗi vặt và bảo trì liên tục. Nhưng Tino thì rất ok
                  Dũng Mai
                  Dũng Mai
                  dùng tốt, nhanh, dễ sử dụng
                  Nguyễn Trần Việt Hoàng
                  Nguyễn Trần Việt Hoàng
                  Giao diện đẹp mắt, dễ sử dụng
                  Hoàng Kim Phú
                  Hoàng Kim Phú
                  ok, chưa dùng nên để test thử xem sao, vẫn đánh giá 5* trước
                  Trần Duy
                  Trần Duy
                  Thích cách tư vấn tận tình và nhanh gọn của Tino mỗi khi có vấn đề trục trặc. Hosting ổn định, giá rẻ tốt lắm nhé mọi người
                  Tuấn Anh
                  Tuấn Anh
                  Đề nghị xem lại vấn đề phục vụ khách hàng (livchat)!
                  Nhi Nhi
                  Nhi Nhi
                  Tư vấn tận tình và nhanh. Hosting ổn định, giá rẻ
                  Lý Quế Lâm
                  Lý Quế Lâm
                  Good. Tốc độ cao. Tùy chỉnh nhiều trên shared hosting.
                  Bùi Quang Truyện
                  Bùi Quang Truyện
                  hosting ngon, giá luôn rẻ, tôi làm code nhưng rất thích sài host tino
                  Ngô Quốc Đạt
                  Ngô Quốc Đạt
                  Dịch vụ tốt, hỗ trợ nhiệt tình
                  Đỗ Vũ Kim Ngân
                  Đỗ Vũ Kim Ngân
                  Tino cung cấp host rất chuyên nghiệp. Đội ngũ kỹ thuật hỗ trợ rất tận tâm và nhiệt tình. Mình sẽ tiếp tục ủng hộ Tino 🥰.
                  Nguyen Van Anh
                  Nguyen Van Anh
                  Rất tuyệt vời🙆🙆🙆🙆🙆🙆🙆🙆🙆
                  Phạm Minh Hiếu
                  Phạm Minh Hiếu
                  Xét về tầm giá thì TinoHost rất đáng để mua và sử dụng lâu dài.
                  Bá Hoàng
                  Bá Hoàng
                  tuyệt vời quá đi,tuyệt vời quá đi
                  Đinh Viết Duy
                  Đinh Viết Duy
                  Tốc độ ổn định, tư vấn nhiệt tình
                  Trường Thịnh Nam
                  Trường Thịnh Nam
                  mới tham gia, mong mọi người hỗ trợ thêm
                  Nguyễn Hữu Trung
                  Nguyễn Hữu Trung
                  Tốc độ khá tốt với gói rẻ nhất 9k
                  Văn Long
                  Văn Long
                  Giao dịch nhanh,support nhanh và tận tình,chuyển miền nhanh,Hosting Ok
                  Nguyễn Cần
                  Nguyễn Cần
                  mua sản phẩm dịch vụ tinhot rất tốt tặng ad 5tr ** luon nè🥰🥰🥰
                  Lương Văn Tuân
                  Lương Văn Tuân
                  ok😁😁 ddax dùng và có nhiều khuyên mãi
                  Anh Văn Phan
                  Anh Văn Phan
                  là khách hàng của tino lâu năm, mình rất hài lòng với cách làm việc cực kì chuyên nghiệp của tino. sản phẩm chất lượng và dịch vụ chăm sóc cũng rất chất lượng. hi vọng tino tiếp tục duy trì và phát huy tinh thần này
                  Quách Hồng Hanh Thông
                  Quách Hồng Hanh Thông
                  Đã mua domain và hosting tại Tinohost luôn, rất hài lòng
                  Nguyễn Đăng  Nam
                  Nguyễn Đăng Nam
                  Tư vấn tận tình và nhanh gọn mỗi khi có vấn đề trục trặc. Hosting ổn định, giá rẻ tốt lắm nhé mọi người
                  Hoài Trịnh
                  Hoài Trịnh
                  mình đã mua 2 tên miền + hosting của Tino Host . quả nhiên hiệu quả SEO cải thiện đáng kể và chứng chỉ bảo mật HTTPS miễn phí của Tino Host cũng ko kém phần quang trọng cho việc SEO website của mình
                  Nguyễn Phát
                  Nguyễn Phát
                  HOST TỐC ĐỘ NHANH VÀ NHÂN VIÊN XỬ LÝ TỐT
                  Next Reviews
                  • Kiến thức Hosting
                  • Webmasters
                  • Khuyến Mãi
                  • Kiếm tiền online
                  • Tài liệu
                  • Bitrix24
                  • Chuyển đổi số
                  • Dịch vụ
                  Hotline: 1800 6734

                  © 2021 Tino Group - Chuyên trang thông tin hướng dẫn dịch vụ tại Tino Group. Sitemap

                  No Result
                  View All Result
                  • Kiến thức Hosting
                  • Webmasters
                  • Khuyến Mãi
                  • Kiếm tiền online
                  • Tài liệu
                    • Hướng dẫn về Tên Miền
                    • Hướng dẫn về Cloud Hosting
                    • Hướng dẫn về Cloud VPS
                    • Câu hỏi chung về WordPress
                    • Hướng dẫn Email Server
                    • Hướng Dẫn Về Tổng Đài Ảo
                    • Hướng Dẫn Về Hóa Đơn Điện Tử
                    • Hướng dẫn về Thanh Toán
                    • Hướng dẫn về Chứng chỉ SSL
                    • Hướng dẫn cho Cộng Tác Viên
                    • Hướng dẫn chung
                    • Câu hỏi thường gặp
                    • Hướng dẫn về SEO hosting.
                  • Bitrix24
                    • Applications
                    • Bitrix24 Drive
                    • Calendars
                    • Chats and Calls
                    • Contact Center
                    • CRM
                    • CRM + Online Store
                    • CRM Analytics (Beta)
                    • CRM Marketing
                    • CRM Store (Beta)
                    • Desktop App
                    • Employees
                    • Feed
                    • Knowledge Base (Beta)
                    • Mobile App
                    • My Profile
                    • Online Store (Beta)
                    • Open Chanels
                    • Robotic Process Automation (Beta)
                    • Sales Center (Beta)
                  • Chuyển đổi số
                  • Dịch vụ
                    • Dịch vụ viết content chuẩn SEO
                    • Mua tên miền
                    • Hosting giá rẻ
                    • VPS giá rẻ
                    • Email doanh nghiệp
                    • SSL giá rẻ
                    • Tổng đài ảo
                    • Hóa đơn điện tử
                    • Thiết kế website
                    • Dịch vụ chuyển đổi số

                  © 2021 Tino Group - Chuyên trang thông tin hướng dẫn dịch vụ tại Tino Group. Sitemap

                  Welcome Back!

                  Login to your account below

                  Forgotten Password?

                  Retrieve your password

                  Please enter your username or email address to reset your password.

                  Log In

                  Add New Playlist

                  Go to mobile version