ÍWordPressVið ritstýringu greina er algengur „blokkatilvitnunarhnappur“▼
Þegar það er notað bætir það við aMerki til að kalla fram einhverja tilvitnuð staðhæfingu eða hápunkt.
Hvað þýðir blockquote?
Eftirfarandi erChen WeiliangTilvitnunarstíll fyrir blogg:
Blockquote XHTML merkið er mjög gagnlegt (ef einhver vannýtt) þáttur.Merkingarlega séð ætti að nota blokkatilvitnun hvenær sem þú ert að vitna í lengri texta frá öðrum uppruna (annan ræðumanni, annarri vefsíðu osfrv.).Þetta er leið til að afmarka texta og birta hann með öðrum heimildum.
Hvað varðar stíl, þú getur gert þetta allt með sérstökum flokkum á málsgreinamerkjum ... en það er merkingarlega gagnslaust, núna, ekki satt? Blockquotes hafa suma stíla sjálfgefið.
Flestir vafrar draga inn texta í tilvitnunarmerkjum, sem hjálpar notendum að bera kennsl á textann á einhvern hátt.En hver segir að við þurfum að hætta þar?Hér er hvernig á að stíla tilvitnanir þínar með CSS.
Prófaðu test-css.html og bættu css hlutanum við html meginmálið:
<!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>
Hvernig á að nota blockquote?
Það kemur í ljós að sum WordPress þemu bæta ekki viðvísunarstílum í style.css skrána.
Afritaðu og límdu eftirfarandi bláa bakgrunnsstíl með ávöl horn í style.css skrána fyrir þemað▼
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;
}Tilvísunarstíll ákvarða megintexta (stærð, litur), bakgrunnslit, hvítbil, ramma osfrv...
landamærastíll
Þessi stíll er tiltölulega einfaldur, það er, stilltu vinstri landamærin og stilltu þykktina.Litur stjórnar leturlitnum og bakgrunnslitur stýrir bakgrunnslitnum (eða beinum bakgrunnshópi).
Spássían stjórnar fjarlægðinni að gluggaeiningunni, vinstri hlið rammans stjórnar vinstri kantamærunum og fyllingin (sérstaklega vinstri hliðin á fyllingunni til vinstri) stjórnar fjarlægðinni frá textanum að (vinstri) rammanum.
Þessi stíll er eins einfaldur og einfalt blogg.
Afritaðu og límdu eftirfarandi gula bakgrunnsstíl inn í style.css skrána fyrir þemað▼
blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }
- Ofangreind eru 2 stíll með blokkatilvitnun.
- Að bæta við mörgum eins stílum verður skrifað yfir.
- Svo, vinsamlegast veldu einn af þeim og bættu því við style.css skrá þemunnar.
Hope Chen Weiliang blogg ( https://www.chenweiliang.com/ ) deildi „Hvernig á að nota blockquote? HTML í blockquote tag kynningu áhrif, til að hjálpa þér.
Velkomið að deila tengli þessarar greinar:https://www.chenweiliang.com/cwl-2123.html
Velkomin á Telegram rásina á bloggi Chen Weiliang til að fá nýjustu uppfærslurnar!
📚 Þessi handbók inniheldur mikið gildi, 🌟Þetta er sjaldgæft tækifæri, ekki missa af því! ⏰⌛💨
Deildu og likeðu ef þú vilt!
Deiling þín og líkar við eru stöðug hvatning okkar!