Cyfeiriadur Erthygl
在WordPressWrth olygu erthyglau, mae botwm "dyfynbris bloc" cyffredin▼
Pan gaiff ei ddefnyddio, mae'n ychwanegu aMarciwr i alw rhyw ddatganiad neu amlygiad a ddyfynnwyd.
Beth mae blockquote yn ei olygu?
Mae'r canlynol ynChen WeiliangArddull dyfynnu ar gyfer blogiau:
Mae'r tag blockquote XHTML yn elfen ddefnyddiol iawn (os na chaiff ei defnyddio ddigon).Yn semantig, dylid defnyddio blockquote pryd bynnag y byddwch yn dyfynnu testun hirach o ffynhonnell arall (siaradwr arall, gwefan arall, ac ati).Mae hon yn ffordd o gyfyngu ar destun a'i arddangos gyda ffynonellau eraill.
O ran arddull, gallwch chi wneud hyn i gyd gyda dosbarthiadau arbennig ar dagiau paragraff ... ond mae hynny'n ddiwerth yn semantig, nawr, a fyddai? Mae gan Blockquotes rai arddulliau yn ddiofyn.
Mae'r rhan fwyaf o borwyr yn mewnoli testun mewn tagiau blockquote, sy'n helpu defnyddwyr i adnabod y testun mewn rhyw ffordd.Ond pwy sydd i ddweud bod angen i ni stopio yno?Dyma sut i steilio'ch blockquotes gyda CSS.
Profwch test-css.html ac ychwanegwch yr adran css i'r corff 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>
Sut i ddefnyddio blockquote?
Canfyddir nad yw rhai themâu WordPress yn ychwanegu arddulliau cyfeirio yn y ffeil style.css.
Copïwch a gludwch yr arddull cornel crwn cefndir glas canlynol i ffeil style.css y thema▼
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;
}Mae arddulliau cyfeirio yn pennu testun y corff (maint, lliw), lliw cefndir, gofod gwyn, ffiniau, ac ati ...
arddull border
Mae'r arddull hon yn gymharol syml, hynny yw, gosodwch y ffin chwith a gosodwch y trwch.Mae lliw yn rheoli lliw'r ffont, ac mae lliw cefndir yn rheoli'r lliw cefndir (neu'r grŵp cefndir uniongyrchol).
Mae'r ymyl yn rheoli'r pellter i'r elfen ffenestr, mae ochr chwith y ffin yn rheoli arddull y ffin chwith, ac mae'r padin (yn enwedig ochr chwith y padin chwith) yn rheoli'r pellter o'r testun i'r ffin (chwith).
Mae'r arddull hon mor syml â blog syml.
Copïwch a gludwch yr arddull cefndir melyn canlynol i ffeil style.css y thema▼
blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }
- Mae'r uchod yn 2 arddull blockquote.
- Bydd ychwanegu arddulliau unfath lluosog yn cael ei drosysgrifo.
- Felly, dewiswch un ohonyn nhw a'i ychwanegu at ffeil style.css y thema.
Blog Chen Weiliang Gobeithio ( https://www.chenweiliang.com/ ) shared " Sut i ddefnyddio blockquote? HTML yn yr effaith demo tag blockquote, i'ch helpu chi.
Croeso i chi rannu dolen yr erthygl hon:https://www.chenweiliang.com/cwl-2123.html
Croeso i sianel Telegram o blog Chen Weiliang i gael y diweddariadau diweddaraf!
📚 Mae'r canllaw hwn yn cynnwys gwerth enfawr, 🌟Mae hwn yn gyfle prin, peidiwch â'i golli! ⏰⌛💨
Rhannwch a hoffwch os hoffech chi!
Eich rhannu a'ch hoff bethau yw ein cymhelliant parhaus!