Direttorju tal-Artikoli
在WordPressFl-editjar ta' l-artikoli, hemm buttuna komuni ta' "kwotazzjoni blokka"▼
Meta jintuża, iżid aMarker biex jinvoka xi stqarrija kwotata jew jenfasizza.
Xi jfisser blockquote?
Dan li ġej huwaChen WeiliangStil ta' ċitazzjoni għall-blogs:
It-tikketta XHTML tal-blockquote hija element utli ħafna (jekk xi ftit mhux użat).Semantikament, blockquote għandu jintuża kull meta tkun qed tikkwota test itwal minn sors ieħor (kelliem ieħor, websajt oħra, eċċ.).Dan huwa mod kif tiddelimita t-test u turih ma 'sorsi oħra.
Stil għaqli, inti tista 'tagħmel dan kollu bi klassijiet speċjali fuq it-tikketti tal-paragrafi... iżda dan huwa semantikament inutli, issa, hux? Blockquotes għandhom xi stili awtomatikament.
Il-biċċa l-kbira tal-browsers jagħmlu inċiż tat-test f'tikketti ta' blockquote, li jgħin lill-utenti jidentifikaw it-test b'xi mod.Imma min jgħid li rridu nieqfu hemm?Ara kif tfassal il-blockquotes tiegħek b'CSS.
Ittestja test-css.html u żid is-sezzjoni css mal-korp 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>
Kif tuża blockquote?
Instab li xi temi WordPress ma jżidux stili ta 'referenza fil-fajl style.css.
Ikkopja u waħħal l-istil tal-kantuniera tond ta' sfond blu li ġej fil-fajl style.css tat-tema▼
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;
}L-istili ta’ referenza jiddeterminaw it-test tal-ġisem (daqs, kulur), kulur fl-isfond, spazju abjad, fruntieri, eċċ...
stil tal-fruntiera
Dan l-istil huwa relattivament sempliċi, jiġifieri, issettja l-fruntiera tax-xellug u ssettja l-ħxuna.Il-kulur jikkontrolla l-kulur tat-tipa, u l-kulur tal-isfond jikkontrolla l-kulur tal-isfond (jew grupp dirett tal-isfond).
Il-marġini jikkontrolla d-distanza għall-element tat-tieqa, in-naħa tax-xellug tal-fruntiera tikkontrolla l-istil tal-fruntiera tax-xellug, u l-ikkuttunar (speċjalment in-naħa tax-xellug tal-ikkuttunar tax-xellug) jikkontrolla d-distanza mit-test sal-bord (xellug).
Dan l-istil huwa sempliċi daqs blog sempliċi.
Ikkopja u waħħal l-istil ta' sfond isfar li ġej fil-fajl style.css tat-tema▼
blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }
- Dawn ta 'hawn fuq huma 2 stili ta' blockquote.
- Iż-żieda ta' stili identiċi multipli se tinkiteb fuq il-post.
- Allura, jekk jogħġbok agħżel waħda minnhom u żidha mal-fajl style.css tat-tema.
Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) maqsuma "Kif tuża blockquote? HTML fl-effett demo tag blockquote, biex jgħinek.
Merħba biex taqsam il-link ta' dan l-artikolu:https://www.chenweiliang.com/cwl-2123.html
Merħba fil-kanal Telegram tal-blog ta' Chen Weiliang biex tikseb l-aħħar aġġornamenti!
📚 Din il-gwida fiha valur kbir, 🌟Din hija opportunità rari, titlifhiex! ⏰⌛💨
Share u like jekk togħġobkom!
Il-qsim u l-likes tiegħek huma l-motivazzjoni kontinwa tagħna!