在WordPressRaksta rediģēšanā ir izplatīta poga "bloķēt citātu".
Lietojot, tas pievieno aMarķieris, lai izsauktu kādu citētu paziņojumu vai izceltu.
Ko nozīmē “blockquote”?
Šis ir šādsČens VeiliangsEmuāru citātu stils:
Blockquote XHTML tags ir ļoti noderīgs (ja tas ir nepietiekami izmantots) elements.Semantiski citātu bloks ir jāizmanto ikreiz, kad citējat garāku tekstu no cita avota (cita runātāja, citas vietnes utt.).Tas ir veids, kā norobežot tekstu un parādīt to kopā ar citiem avotiem.
Stila ziņā to visu var izdarīt ar īpašām klasēm rindkopu tagos... bet tas ir semantiski bezjēdzīgi, vai ne? Blockquotes pēc noklusējuma ir daži stili.
Lielākajai daļai pārlūkprogrammu tiek veikta teksta atkāpe blockquote tagos, kas palīdz lietotājiem kaut kādā veidā identificēt tekstu.Bet kurš saka, ka mums ir jāapstājas?Tālāk ir norādīts, kā izveidot citātu stilu, izmantojot CSS.
Pārbaudiet test-css.html un pievienojiet css sadaļu html pamattekstam:
<!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>
Kā lietot blockquote?
Ir konstatēts, ka daži WordPress motīvi failā style.css nepievieno atsauces stilus.
Kopējiet un ielīmējiet šo zilā fona noapaļota stūra stilu motīva failā 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;
}Atsauces stili nosaka pamattekstu (izmēru, krāsu), fona krāsu, atstarpes, apmales utt.
apmales stils
Šis stils ir salīdzinoši vienkāršs, tas ir, iestatiet kreiso apmali un iestatiet biezumu.Krāsa kontrolē fonta krāsu, un fona krāsa kontrolē fona krāsu (vai tiešo fona grupu).
Piemale kontrolē attālumu līdz loga elementam, apmales kreisā puse kontrolē kreisās apmales stilu, bet polsterējums (īpaši polsterējuma kreisā puse) kontrolē attālumu no teksta līdz (kreisajai) apmalei.
Šis stils ir tikpat vienkāršs kā vienkāršs emuārs.
Kopējiet un ielīmējiet tālāk norādīto dzeltenā fona stilu motīva failā style.css
blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }
- Iepriekš minētie ir 2 blockquote stili.
- Pievienojot vairākus identiskus stilus, tas tiks pārrakstīts.
- Tāpēc, lūdzu, izvēlieties vienu no tiem un pievienojiet to motīva failam style.css.
Hope Chen Weiliang emuārs ( https://www.chenweiliang.com/ ) koplietots "Kā izmantot blokquote? HTML blokquote taga demonstrācijas efektā, lai palīdzētu jums.
Laipni lūdzam kopīgot šī raksta saiti:https://www.chenweiliang.com/cwl-2123.html