Tôi có một chút ham chơi khi tôi bắt gặp những cách sử dụng hoàn hảo cho. con thứ n hoặc. loại thứ n [ đọc về sự khác biệt]. Các…
thủ thuật css. com
Đó không phải là tất cả cho bây giờ❤️
😄🎉🎉🎉 Chúc mừng codedesign hôm nay 🎉🎉🎉
Lastly, I would like to share where I learnt many cool front-end techniques.
CSS sau 2. 1 sẽ tạo một chữ hoa đầu dòng kéo dài khoảng hai dòng
h1 { color: red } em { color: red } h1 em { color: blue }4
Ví dụ này có thể được định dạng như sau
Trình tự thẻ hư cấu là
h1 { color: red } em { color: red } h1 em { color: blue }5
Lưu ý rằng. thẻ phần tử giả chữ cái đầu tiên tiếp giáp với nội dung [i. e. , ký tự ban đầu], trong khi. thẻ bắt đầu phần tử giả dòng đầu tiên được chèn ngay sau thẻ bắt đầu của phần tử khối
Để đạt được định dạng chữ hoa đầu dòng truyền thống, tác nhân người dùng có thể ước tính kích thước phông chữ, ví dụ: để căn chỉnh đường cơ sở. Ngoài ra, đường viền glyph có thể được tính đến khi định dạng
Dấu chấm câu [tôi. e, các ký tự được định nghĩa bằng Unicode ở dạng "mở" [Ps], "đóng" [Pe], "ban đầu" [Pi]. các lớp dấu câu "cuối cùng" [Pf] và "khác" [Po]], đứng trước hoặc sau chữ cái đầu tiên nên được đưa vào, như trong
Các '. chữ cái đầu tiên' cũng áp dụng nếu chữ cái đầu tiên trên thực tế là một chữ số, e. g. , số "6" trong "67 triệu đô la là rất nhiều tiền. "
Các. phần tử giả chữ cái đầu tiên áp dụng cho
Các. phần tử giả chữ cái đầu tiên có thể được sử dụng với tất cả các phần tử chứa văn bản hoặc có phần tử con trong cùng một luồng chứa văn bản. UA phải hoạt động như thể thẻ bắt đầu hư cấu của phần tử giả chữ cái đầu tiên nằm ngay trước văn bản đầu tiên của phần tử, ngay cả khi văn bản đầu tiên đó nằm trong phần con cháu
[các] ví dụ
Đây là một ví dụ. Trình tự thẻ hư cấu cho đoạn HTML này
h1 { color: red } em { color: red } h1 em { color: blue }6
Là
h1 { color: red } em { color: red } h1 em { color: blue }6
Chữ cái đầu tiên của ô bảng hoặc khối nội tuyến không được là chữ cái đầu tiên của phần tử tổ tiên. Do đó trong
body > P { line-height: 1.3 }3
body > P { line-height: 1.3 }4chữ cái đầu tiên của DIV không phải là chữ "H". Trên thực tế, DIV không có chữ cái đầu tiên
Chữ cái đầu tiên phải xuất hiện trên Ví dụ: trong đoạn này
body > P { line-height: 1.3 }5 dòng đầu tiên không chứa bất kỳ chữ cái nào và '. chữ cái đầu tiên' không khớp với bất kỳ thứ gì [giả sử kiểu mặc định cho BR trong HTML 4]. Đặc biệt, nó không khớp với chữ "F" của "First. "
Nếu một phần tử là một ['hiển thị. danh sách-mục'], '. chữ cái đầu tiên' áp dụng cho chữ cái đầu tiên trong ô chính sau dấu. UA có thể bỏ qua '. chữ cái đầu tiên' trên các mục danh sách có 'vị trí kiểu danh sách. bên trong'. Nếu một phần tử có '. trước' hoặc '. sau' dung, the'. chữ cái đầu tiên áp dụng cho chữ cái đầu tiên của phần tử bao gồm nội dung đó
E. g. , sau luật 'p. trước {nội dung. "Ghi chú. "}', bộ chọn 'p. chữ cái đầu tiên' khớp với chữ "N" của "Ghi chú"
Một số ngôn ngữ có thể có các quy tắc cụ thể về cách xử lý các tổ hợp chữ cái nhất định. Ví dụ: trong tiếng Hà Lan, nếu tổ hợp chữ cái "ij" xuất hiện ở đầu một từ, cả hai chữ cái sẽ được xem xét trong. phần tử giả chữ cái đầu tiên
Nếu các chữ cái tạo thành chữ cái đầu tiên không nằm trong cùng một phần tử, chẳng hạn như "'T" trong
body > P { line-height: 1.3 }9, UA có thể tạo phần tử giả chữ cái đầu tiên từ một trong các phần tử, cả hai phần tử hoặc đơn giản là không tạo phần tử giả
Tương tự, nếu [các] chữ cái đầu tiên của khối không ở đầu dòng [ví dụ do sắp xếp lại hai chiều], thì UA không cần tạo [các] phần tử giả
[các] ví dụ
Ví dụ sau minh họa cách các phần tử giả chồng chéo có thể tương tác với nhau. Chữ cái đầu tiên của mỗi phần tử P sẽ có màu xanh lục với cỡ chữ là '24pt'. Phần còn lại của dòng được định dạng đầu tiên sẽ có màu "xanh lam" trong khi phần còn lại của đoạn văn sẽ có màu "đỏ"
h1 { color: red } em { color: red } h1 em { color: blue }8
Giả sử rằng ngắt dòng sẽ xảy ra trước từ "kết thúc", trình tự thẻ hư cấu cho đoạn này có thể là
h1 { color: red } em { color: red } h1 em { color: blue }9
Lưu ý rằng. phần tử chữ cái đầu tiên nằm bên trong. phần tử dòng đầu tiên. Thuộc tính được đặt trên. dòng đầu tiên được kế thừa bởi. chữ cái đầu tiên, nhưng bị ghi đè nếu cùng một thuộc tính được đặt trên. chữ cái đầu tiên
Các '. trước và '. after' phần tử giả có thể được sử dụng để chèn nội dung được tạo trước hoặc sau nội dung của phần tử. Chúng được giải thích trong phần về văn bản được tạo
[các] ví dụ
This headline
is very important
0Khi mà. chữ cái đầu tiên và. phần tử giả dòng đầu tiên được áp dụng cho phần tử có nội dung được tạo bằng cách sử dụng. trước và. sau đó, chúng áp dụng cho chữ cái hoặc dòng đầu tiên của phần tử bao gồm nội dung được tạo