Để tạo bảng có sọc vằn, hãy sử dụng bộ chọn nth-child[] và thêm màu nền cho tất cả các hàng của bảng chẵn [hoặc lẻ]
tr:nth-child[even] { background-color: #f2f2f2 }
Bản thử trực tiếp. ngựa vằn sọc
↥ về đầu trang
Q. Những yếu tố nào sẽ phù hợp với từng bộ chọn CSS sau đây?
- div,
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.
5 Chọn tất cả các phần tửCSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.
6 và tất cảyếu tố
- div
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.
5 Chọn tất cả các phần tửCSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.
8 ở bất kỳ đâu bên trong mộtthành phần
- div >
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.
5 Chọn tất cả các phần tửCSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.
8 trong đó phần tử cha trực tiếp là mộtthành phần
- div +
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.
5 Chọn tất cả các phần tửCSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.
8 được đặt ngay sau mộtthành phần
- div ~
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.
5 Chọn tất cả các phần tửCSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.
8 ở bất kỳ đâu trước dấuthành phần
↥ về đầu trang
Q. Làm cách nào để căn chỉnh hình ảnh theo chiều dọc trong một phần kéo dài theo chiều dọc trên toàn bộ trang web?
Bạn có thể căn giữa hình ảnh theo chiều dọc bên trong
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.6 bằng cách sử dụng thuộc tính vertical-align của CSS kết hợp với
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.26 trên phần tử div chứa
Ngoài ra, do thuộc tính lề CSS không áp dụng cho các phần tử
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.26, nên chúng tôi đã bọc DIV chứa bằng một DIV khác [
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.28] và áp dụng lề cho nó. Giải pháp này sẽ hoạt động ngay cả đối với hình ảnh có chiều cao lớn hơn chứa DIV
Ví dụ
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.5
Bản thử trực tiếp. Thuộc tính căn dọc CSS
↥ về đầu trang
Q. Làm cách nào để tạo kiểu cho mọi phần tử có mục liền kề ngay trước nó?
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.
Bản thử trực tiếp. Trình kết hợp CSS
↥ về đầu trang
Q. Viết ra một bộ chọn sẽ khớp với bất kỳ liên kết nào kết thúc bằng. khóa kéo,. ZIP,. Zip, v.v.
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.29 Đại diện cho một phần tử có thuộc tính att có giá trị kết thúc bằng hậu tố “val”. Nếu “val” là chuỗi trống thì bộ chọn không đại diện cho bất cứ thứ gì
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.2
↥ về đầu trang
Q. Đặt div ở góc trên bên phải của trang?
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.9
Bản thử trực tiếp. Vị trí CSS
↥ về đầu trang
Q. Bạn có 3 div. Bạn phải căn chỉnh div đầu tiên ở bên phải và 2 div khác ở bên trái. Viết CSS để đạt được điều này?
sử dụng flexbox
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.00
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.01
Bản thử trực tiếp. Ví dụ hộp linh hoạt
↥ về đầu trang
Q. Ví dụ về truy vấn phương tiện CSS
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.02
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.03
Bản thử trực tiếp. Truy vấn phương tiện CSS
↥ về đầu trang
Q. Ví dụ về mã css độ mờ xám màu nền CSS
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.04
Bản thử trực tiếp. Độ mờ CSS
↥ về đầu trang
Q. Đặt tiêu đề ở dưới cùng của div
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.05
↥ về đầu trang
Q. Ví dụ về độ dốc CSS
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.06
Bản thử trực tiếp. Độ dốc CSS
↥ về đầu trang
Q. Cách tạo ảnh nền cố định trong css
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.07
Bản thử trực tiếp. Nền cố định CSS
↥ về đầu trang
Q. Thêm khoảng cách giữa các mục linh hoạt
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.08
Bản thử trực tiếp. Không gian hộp linh hoạt
↥ về đầu trang
Q. Làm cách nào để tắt mũi tên từ số loại đầu vào?
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.09
Bản thử trực tiếp. Trường nhập số
↥ về đầu trang
Q. Làm cách nào để lấy văn bản để bắt đầu một dòng mới?
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.00
Bản thử trực tiếp. gói từ CSS
↥ về đầu trang
Q. Làm cách nào để chọn phần tử con trong css?
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.01
Bản thử trực tiếp. CSS chọn phần tử con
↥ về đầu trang
Q. minmax với lưới css lặp lại
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.02
Bản thử trực tiếp. CSS lưới-mẫu-cột
↥ về đầu trang
Q. Làm cách nào để làm cho văn bản không thể chọn được trong css?
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.03
Bản thử trực tiếp. Văn bản không thể chọn
↥ về đầu trang
Q. Tâm bọc con flex?
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.04
Bản thử trực tiếp. uốn dẻo trẻ em
↥ về đầu trang
Q. Tạo một nút góc tròn bằng css?
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.05
Bản thử trực tiếp. Nút Góc Tròn
↥ về đầu trang
Q. Cách áp dụng độ mờ trong ảnh nền
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.06
Bản thử trực tiếp. làm mờ nền ảnh
↥ về đầu trang
Q. Dấu chấm lửng tràn văn bản CSS nhiều dòng
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.07
Bản thử trực tiếp. Dấu chấm lửng tràn văn bản CSS
↥ về đầu trang
Q. Cách đặt nút cố định ở góc dưới bên phải màn hình trong html
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.08
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.09
Bản thử trực tiếp. nút cố định
↥ về đầu trang
Q. Làm cách nào để đặt div ở giữa và giữa trang?
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.00
Bản thử trực tiếp. div trung tâm
↥ về đầu trang
Q. Sass @extend và Kế thừa
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.01
Bản thử trực tiếp. Sass @extend
↥ về đầu trang
Q. Làm cách nào để tạo css fade in?
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.02
Bản thử trực tiếp. tăng dần CSS
↥ về đầu trang
Q. Làm cách nào để đọc thuộc tính với thuộc tính dữ liệu?
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.03
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.04
Bản thử trực tiếp. Thuộc tính dữ liệu CSS
↥ về đầu trang
Q. Làm cách nào để xóa phần tô sáng của nút khi nhấp bằng CSS?
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.05
Bản thử trực tiếp. phác thảo CSS
↥ về đầu trang
Q. Cách chọn con thứ n cuối cùng
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.06
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.07
Bản thử trực tiếp. CSS nth-last-child[]
↥ về đầu trang
Q. Tôi có thể gọi mixin bằng html không?
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.08
Bản thử trực tiếp. SASS @mixin[]
↥ về đầu trang
Q. Làm cách nào để xoay văn bản bằng CSS?
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.09
Bản thử trực tiếp. CSS xoay[]
↥ về đầu trang
Q. Làm cách nào để làm cho văn bản nhấp nháy bằng css?**
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.00
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.01
Bản thử trực tiếp. Hoạt hình CSS
↥ về đầu trang
Q. Làm cách nào để sửa thanh điều hướng lên đầu bằng CSS?
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.02
Bản thử trực tiếp. Sticky/Affix Navbar
↥ về đầu trang
Q. Làm cách nào để thay đổi màu đường viền đầu vào khi được chọn?
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.03
Bản thử trực tiếp. tiêu điểm CSS
↥ về đầu trang
Q. Làm cách nào để nhập phông chữ otf trong CSS?
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.04
Bản thử trực tiếp. CSS @ phông chữ
↥ về đầu trang
Q. Tạo bóng ảnh bằng CSS?
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.05
Bản thử trực tiếp. bóng hộp CSS
↥ về đầu trang
Q. Làm cách nào để tạo mệnh đề if-else trong SASS?
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.06
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.07
↥ về đầu trang
Q. Làm cách nào để tắt di chuột trong css?
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.08
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.09
Bản thử trực tiếp. Sự kiện con trỏ CSS
↥ về đầu trang
Q. Hoạt hình CSS
Điều nào sau đây sẽ tạo ra hình ảnh động dưới đây?
tr:nth-child[even] { background-color: #f2f2f2 }0
Chọn MỘT HOẶC NHIỀU lựa chọn
tr:nth-child[even] { background-color: #f2f2f2 }1Câu trả lời
tr:nth-child[even] { background-color: #f2f2f2 }2
tr:nth-child[even] { background-color: #f2f2f2 }3
⚝ Hãy thử ví dụ này trên CodeSandbox
↥ về đầu trang
Q. phù hợp với đối tượng CSS
Điều nào sau đây là đúng về thuộc tính CSS 'phù hợp với đối tượng'?
Chọn MỘT HOẶC NHIỀU lựa chọn
tr:nth-child[even] { background-color: #f2f2f2 }4Câu trả lời
tr:nth-child[even] { background-color: #f2f2f2 }5
⚝ Hãy thử ví dụ này trên CodeSandbox
↥ về đầu trang
Q. Dấu chấm lửng CSS
Nếu một phần tử vượt quá chiều rộng được phân bổ, làm cách nào để bạn cắt ngắn câu bằng dấu chấm lửng [. ] bằng CSS?
Ví dụ, "Xin chào. Tôi là một phần tử và chiều rộng của tôi lớn hơn vùng chứa. "
Chọn MỘT HOẶC NHIỀU lựa chọn
tr:nth-child[even] { background-color: #f2f2f2 }6Câu trả lời
tr:nth-child[even] { background-color: #f2f2f2 }7
⚝ Hãy thử ví dụ này trên CodeSandbox
↥ về đầu trang
Q. Tô màu văn bản CSS
Điều nào sau đây làm cho văn bản có màu đỏ?
tr:nth-child[even] { background-color: #f2f2f2 }8
Chọn MỘT HOẶC NHIỀU lựa chọn
tr:nth-child[even] { background-color: #f2f2f2 }9Câu trả lời
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.50
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.51
⚝ Hãy thử ví dụ này trên CodeSandbox
↥ về đầu trang
Q. Lựa chọn CSS
Làm cách nào để ngăn người dùng chọn văn bản được hiển thị bên trong phần tử sau?
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.52
Chọn MỘT HOẶC NHIỀU lựa chọn
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.53Câu trả lời
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.54
⚝ Hãy thử ví dụ này trên CodeSandbox
↥ về đầu trang
Q. Trình giữ chỗ đầu vào CSS
Làm cách nào để bạn ẩn văn bản "giữ chỗ" của trường
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.90?
Chọn MỘT HOẶC NHIỀU lựa chọn
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.55Câu trả lời
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.56
CSS Combinator div + p { background-color: yellow; } My name is Donald I live in Duckburg. My best friend is Mickey. I will not be styled.57
⚝ Hãy thử ví dụ này trên CodeSandbox
↥ về đầu trang
Q. Định tâm CSS
Tùy chọn nào sau đây có thể định vị div với tên lớp "con" chính xác ở giữa trang?