Chào mừng mọi người quay lại.
Hôm nay chúng ta sẽ nói rất ngắn gọn về các lớp giả và các yếu tố.
Vì vậy, chúng tôi đã làm việc với các loại yếu tố khác nhau trong toàn bộ khóa học này,
và làm thế nào chúng tôi có thể cấu trúc chúng và tạo kiểu chúng.
Vâng, các yếu tố giả là loại khác nhau từ những thứ khác
mà chúng ta đã thấy trước đây ở chỗ chúng rất phụ thuộc vào cấu trúc DOM, và
một số trong số chúng thực sự là động dân cư.
Vì vậy, thành thật mà nói, bạn đã nhìn thấy điều này trước khi trở lại khi chúng ta nói về các
liên kết kiểu dáng bởi vì các liên kết có những trạng thái khác nhau.
Một ví dụ chúng tôi sử dụng là ý tưởng di chuột.
Nếu bạn di chuột một liên kết, bạn có thể thay đổi kiểu để loại bỏ có thể gạch dưới hoặc
thay đổi màu sắc.
Vì vậy, chúng ta hãy nói về một số loại khác nhau của các lớp giả vượt ra ngoài
những gì bạn có thể làm với chỉ một liên kết.
Tôi bắt đầu với cái mà chúng ta đã thấy trước đây.
Bạn có thể có một liên kết và cũng là một liên kết đã được truy cập.
Bạn cũng có thể phản ứng với các hành động khác nhau của người dùng.
Vì vậy, nếu ai đó đang di chuột qua một đoạn văn hoặc
di chuột qua một thẻ H1, bạn vẫn có thể phản ứng với nó.
Nó không chỉ cần là một liên kết.
Bạn cũng có thể có hoạt động, và
hoạt động là khi bạn đang giữ nút chuột xuống trên một số loại yếu tố.
Và cái cuối cùng là tập trung.
Tập trung sẽ là khi ai đó tab thông qua trang
bạn có thể đặt tiêu điểm xuống trên mỗi một trong số này.
Cuối cùng, một trong đó làm cho rất nhiều ý nghĩa và bạn đã có thể nhìn thấy trước
đó là bạn có thể quay số các lớp giả của các hình thức hoặc giao diện.
Nếu hộp kiểm đã được nhấp hoặc đánh
dấu, bạn có thể thấy rằng đôi khi chúng làm cho nó màu vàng.
Hoặc nếu bạn đã từng đến một trang web và bạn không được phép nhập nội dung gì đó
cho đến khi bạn nhập nội dung nào đó vào một hộp ở trên, cao hơn, chúng có xu hướng làm xám nó ra.
Vì vậy, cách bạn sẽ đi trước và làm điều này là bạn có thể nói, bạn biết không?
Nếu ai đó di chuột qua đoạn văn của tôi, tôi muốn chỉ làm một đường viền.
Biên giới:1 px.
Bây giờ, mặc dù không có chỗ trên DOM nơi họ có :hover,
nó sẽ làm việc cho bạn khi bạn đặt quy tắc kiểu dáng đó vào.
Vì vậy, bạn cũng có thể phong cách dựa trên vị trí cấu trúc
của các yếu tố khác nhau.
Bạn có con đầu lòng, con cuối cùng, con thứ n.
Cách mà một người làm việc là bạn đặt một số vào để nói đứa con thứ năm hoặc
đứa con thứ mười.
Bạn có thể có con duy nhất.
Bạn cũng có những thứ khác nhau như loại đầu tiên, loại cuối cùng,
loại duy nhất.
Và một lần nữa, bạn chỉ cần có phần tử, dấu hai chấm, và
sau đó là tên của lớp giả mà bạn muốn phong cách. Các phần
tử giả không nhất thiết phải là một phần của DOM, nhưng
chúng có thể được sử dụng để tạo kiểu cho các phần cụ thể hoặc duy nhất của trang.
Vì vậy, một số ví dụ có thể nếu bạn có một đoạn văn và bạn muốn đặt trong đó
chữ cái đầu tiên ưa thích với một phông chữ khác nhau, bạn có thể sử dụng các yếu tố giả chữ cái đầu tiên.
Tương tự với dòng đầu tiên, bạn có thể tạo ra những thứ để hiển thị trước hoặc
sau các phần tử.
Rất nhiều lần nếu bạn tạo kiểu một cái gì đó giống như thông tin thẻ tín dụng,
bạn có thể đi trước và đặt vào các loại thẻ tín dụng khác nhau nhưng
có một chút trước đó nói, và hey, đặt một bức tranh ở đây.
Bạn cũng có thể tạo kiểu dáng chỉ các mảnh của các lựa chọn khác nhau.
Bây giờ tôi đã không cung cấp cho bạn nhiều mã khi chúng tôi đi qua đây bởi vì thực sự sử dụng các
lớp giả và các yếu tố giả là rất duy nhất cho trang bạn sẽ thực hiện.
Vì vậy, sau đó khi chúng ta nói về bảng, giữ
một mắt ra bởi vì tôi sẽ được sử dụng rất nhiều lớp giả và các yếu tố giả có.
Nó thực sự quan trọng để nhận ra rằng tôi sẽ không thể bao gồm tất cả mọi
sự kết hợp của tất cả mọi thứ chúng ta học được.
Nhưng tôi muốn cung cấp cho bạn các công cụ để bạn có thể đi ra ngoài và
điều tra làm thế nào bạn có thể thêm một số phong cách mới mát mẻ vào trang của bạn.
Chúc may mắn.