在WordPressDi guherandina gotarê de, bişkokek "block quote" ya hevpar ▼ heye
Dema ku tê bikaranîn, ew zêde dikeNîşanek ku hin gotinan an ronîkirinê vedixwîne.
Blockquote tê çi wateyê?
Ya jêrîn eChen WeiliangJi bo blogan şêwaza vegotinê:
Etîketa blockquote XHTML hêmanek pir bikêr e (heke hin kêm were bikar anîn).Ji hêla semantîkî ve, dema ku hûn nivîsek dirêjtir ji çavkaniyek din (axaftvanek din, malperek din, hwd.) vedibêjin, divê blokquote were bikar anîn.Ev rêyek e ku meriv nivîsê veqetîne û wê bi çavkaniyên din re nîşan bide.
Ji hêla şêwazê ve, hûn dikarin van hemîyan bi dersên taybetî yên li ser tagên paragrafê bikin ... lê ew ji hêla semantîkî ve bêkêr e, naha, gelo? Blockquotes ji hêla xwerû ve hin şêwaz hene.
Piraniya gerokan nivîsê di tagên blokê de vediqetînin, ku ji bikarhêneran re dibe alîkar ku nivîsê bi rengekî nas bikin.Lê kî dibêje ku divê em li wir rawestin?Li vir e ka meriv çawa blokên xwe bi CSS-ê şêwaz dike.
Test-css.html biceribînin û beşa css li laşê html zêde bikin:
<!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>
Meriv çawa blockquote bikar tîne?
Tê dîtin ku hin mijarên WordPress di pelê style.css de şêwazên referansê zêde nakin.
Şêweya goşeya girover a paşxaneya şîn a jêrîn kopî bikin û bixin nav pela style.css ya mijarê ▼
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;
}Şêweyên referansê nivîsa laş (mezin, reng), rengê paşîn, cîhê spî, sînor, hwd diyar dikin ...
style sînor
Ev şêwaz bi nisbeten hêsan e, ango, sînorê çepê danîn û stûriya danîn.Reng rengê fontê kontrol dike, û rengê paşîn rengê paşnavê (an koma paşîn rasterast) kontrol dike.
Nîgar dûrahiya hêmana pencereyê kontrol dike, milê çepê yê sînor şêwaza sînorê çepê kontrol dike, û peldank (bi taybetî milê çepê yê çepê) dûrahiya ji nivîsê heya sînorê (çepê) kontrol dike.
Ev şêwaz wekî blogek hêsan hêsan e.
Şêweya paşxaneya zer a jêrîn kopî bikin û bixin nav pela style.css ya mijarê ▼
blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }
- Li jor 2 şêwazên blokê ne.
- Zêdekirina gelek şêwazên wekhev dê were nivîsandin.
- Ji ber vê yekê, ji kerema xwe yek ji wan hilbijêrin û wê li pelê style.css ya mijarê zêde bikin.
Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) parve kir " Meriv çawa blockquote bikar tîne? HTML di bandora demo ya etîketa blockquote de, ku ji we re bibe alîkar.
Bi xêr hatî bo parvekirina girêdana vê gotarê:https://www.chenweiliang.com/cwl-2123.html