אַרטיקל וועגווייַזער
在וואָרדפּרעססאין אַרטיקל עדיטינג, עס איז אַ פּראָסט "בלאָק ציטירן" קנעפּל ▼
ווען געוויינט, עס מוסיף אַ מארק צו רופן אַ ציטירטן דערקלערונג אָדער הויכפּונקט.
וואָס טוט בלאַקקוואָטע מיינען?
די פאלגענדע איזChen Weiliangבלאָג ציטירן נוסח:
די בלאַקקוואָטע XHTML קוויטל איז אַ זייער נוציק (אויב עפּעס ונדעריוטאַלייזד) עלעמענט. סעמאַנטיקאַללי, בלאַקקוואָטע זאָל זיין געוויינט ווען איר ציטירן מער טעקסט פון אן אנדער מקור (אן אנדער רעדנער, אן אנדער וועבזייטל, אאז"ו ו). דאָס איז אַ וועג צו באַזונדער טעקסט און ווייַזן עס מיט אנדערע קוואלן.
סטייל-קלוג, איר קען טאָן אַלע דעם מיט ספּעציעל קלאסן אויף פּאַראַגראַף טאַגס ... אָבער דאָס וואָלט זיין סעמאַנטיקאַללי אַרויסגעוואָרפן, איצט, וואָלט עס? Blockquotes קומט מיט עטלעכע סטיילז דורך פעליקייַט.
רובֿ בראַוזערז ינדענט טעקסט ין בלאַקקוואָטע טאַגס, וואָס העלפּס ניצערס צו ידענטיפיצירן דעם טעקסט אין עטלעכע וועג. אבער ווער ס'זאגט ווו מיר דאַרפֿן צו האַלטן? דאָ ס ווי צו סטיל דיין בלאַקקוואָטעס מיט CSS.
טעסט test-css.html און לייגן די css טייל צו די HTML גוף:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us"> <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Test CSS blockquote</title> </head> <blockquote> <p>The blockquote XHTML tag is a fairly useful (if somewhat underused) element. Semantically speaking, a blockquote should be used any time you’re quoting a longer piece of text from another source – another speaker, another website, whatever. It’s a way of setting the text apart, and showing that it came from some other source. Stylistically, you could accomplish all this with a special class on your paragraph tags… but that wouldn’t be as semantically useful, now, would it?<br> Blockquotes do have some styling by default. Most browsers will indent the text in a blockquote tag, which helps the user recognize that the text is different somehow. But who's to say that we need to stop there? Here are six different ways you could style your blockquotes using CSS.</p> </blockquote> </body> </html>
ווי צו נוצן בלאַקקוואָטע?
איך געפֿונען אַז עטלעכע וואָרדפּרעסס טעמעס האָבן נישט לייגן רעפֿערענץ סטיילז אין די style.css טעקע.
נאָכמאַכן און פּאַפּ די פאלגענדע בלוי הינטערגרונט ראַונדיד ווינקל נוסח אין די טעמע ס style.css טעקע▼
blockquote, q {
font: bold 21px/1.5 Consolas,"Courier New","KaiTi","KaiTi_GB2312","FangSong_GB2312",SimHei,arial,Monaco,monospace;
color: #000;
margin: 1em;
margin-left: 2em;
margin-right: 2em;
padding: 3px;
max-width: 95%;
quotes: "\201C""\201D""\2018""\2019";
background: #C3F3F7;
border-radius: 20px;
}ציטירן סטיילז באַשטימען גוף טעקסט (גרייס, קאָליר), הינטערגרונט פֿאַרב, ווייטספּייס, געמארקן, עטק ...
גרענעץ סטיל
דעם נוסח איז לעפיערעך פּשוט, וואָס איז, שטעלן די לינקס גרענעץ און שטעלן די גרעב. קאָליר קאָנטראָלס די שריפֿט קאָליר, און הינטערגרונט פֿאַרב קאָנטראָלס די הינטערגרונט פֿאַרב (אָדער הינטערגרונט גרופּע גלייַך).
דער גרענעץ קאָנטראָלירט די דיסטאַנסע צו די פֿענצטער עלעמענט, די לינקס זייַט פון די גרענעץ קאָנטראָלס די לינקס גרענעץ סטיל, און די וואַטן (ספּעציעל די לינקס גרענעץ וואַטן לינקס) קאָנטראָל די ווייַטקייט פון די טעקסט צו די (לינקס) גרענעץ.
דער נוסח איז פּשוט און ריקווייערז בלויז אַ פּשוט בלאָג.
נאָכמאַכן און פּאַפּ די פאלגענדע געל הינטערגרונט נוסח אין די טעמע סטיל.קסס טעקע▼
blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }
- די אויבן זענען 2 בלאַקקוואָטע סטיילז.
- אַדינג קייפל יידעניקאַל סטיילז וועט זיין אָוווערריטאַן.
- אַזוי, ביטע קלייַבן איינער פון זיי און לייגן עס צו די טעמע ס style.css טעקע.
Hope Chen Weiliang בלאָג ( https://www.chenweiliang.com/ ) שערד "ווי צו נוצן בלאַקקוואָטע?" דעמאָ ווירקונג פון בלאַקקוואָטע קוויטל אין HTML", עס וועט זיין נוציק פֿאַר איר.
ברוכים הבאים צו טיילן דעם לינק פון דעם אַרטיקל:https://www.chenweiliang.com/cwl-2123.html
ברוכים הבאים צו די טעלעגראַם קאַנאַל פון Chen Weiliang ס בלאָג צו באַקומען די לעצטע דערהייַנטיקונגען!
📚 דער פירער כּולל ריזיק ווערט, 🌟 דאָס איז אַ זעלטן געלעגנהייט, טאָן ניט פעלן עס! ⏰⌛💨
ייַנטיילן און ווי אויב איר ווילט!
דיין ייַנטיילונג און לייקס זענען אונדזער קעסיידערדיק מאָוטאַוויישאַן!