Lớp học lập trình: Căn giữa trong CSS

Lớp học lập trình này giúp bạn chia sẻ và giới thiệu cách lấy trung tâm mà mình yêu thích Dịch vụ so sánh giá (CSS).

Hãy xem bài đăng trên blog Centering in CSS (Căn giữa trong CSS) để tìm hiểu về 5 cách yêu thích của tôi để tạo ra sự chú ý trong CSS. Hoặc xem video này!

Thiết lập

  1. Nhấp vào Phối lại để chỉnh sửa để có thể chỉnh sửa dự án.
  2. Mở app/index.html
  3. Tại line 23, hãy thay thế /* your centering CSS here /* bằng CSS của bạn
  4. (không bắt buộc) Đặt tên cho kỹ thuật căn giữa và thay thế văn bản trong <h1>

Kiểu

  1. Tạo một tệp mới trong thư mục app/css/
  2. Tạo một bộ chọn để lưu giữ giải pháp căn giữa, như .turbo-center hoặc [floaty-mcfloat]
  3. Trong bộ chọn mới đó, hãy viết kỹ thuật căn giữa của bạn (bạn cứ thoải mái xem nhà mạng khác ở app/css/ làm ví dụ)
  4. (không bắt buộc) viết một số "kiểu hỗ trợ" để có thể biết được trẻ cần kiểu hỗ trợ căn giữa
  5. Mở app/css/index.css và nhập tệp mới ở dưới cùng

Hoàn tất

  1. Mở lại app/index.html
  2. Tìm <article> và cung cấp bộ chọn tuỳ chỉnh mà bạn đã tạo ở bước 2 của phần trước.
  3. Hãy tweet cho tôi sự khác biệt của bạn và tôi sẽ giới thiệu nó trên bài đăng trên blog!