在WordPressArtikli redigeerimisel on levinud nupp "blokeeri tsitaat"▼
Kasutamisel lisab see aMarker mõne tsiteeritud avalduse või esiletõstmise esilekutsumiseks.
Mida tähendab blockquote?
Järgmine onChen WeiliangBlogide viitamise stiil:
Blockquote XHTML-märgend on väga kasulik (kui mõni alakasutatud) element.Semantiliselt tuleks blockquote’i kasutada alati, kui tsiteerid pikemat teksti teisest allikast (teisest kõnelejast, teiselt veebisaidilt jne).See on viis teksti piiritlemiseks ja selle kuvamiseks koos teiste allikatega.
Stiililiselt saate seda kõike teha lõigumärgendite eriklassidega... aga see on semantiliselt kasutu, kas pole? Blockquotes on vaikimisi mõned stiilid.
Enamik brausereid taandab teksti blockquote siltides, mis aitab kasutajatel teksti mingil viisil tuvastada.Aga kes ütleb, et me peame sellega lõpetama?Siit saate teada, kuidas CSS-i abil plokitsitaate stiili kujundada.
Testige test-css.html ja lisage css-i jaotis html-i kehasse:
<!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>
Kuidas kasutada blockquote?
On leitud, et mõned WordPressi teemad ei lisa faili style.css viitestiile.
Kopeerige ja kleepige järgmine sinise taustaga ümara nurga stiil teema faili 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;
}Viitestiilid määravad kehateksti (suurus, värv), taustavärvi, tühikuid, ääriseid jne...
ääriste stiil
See stiil on suhteliselt lihtne, see tähendab, et määrake vasak ääris ja määrake paksus.Värv juhib fondi värvi ja taustavärv taustavärvi (või otsest taustarühma).
Veeris juhib kaugust aknaelemendist, äärise vasak pool vasaku äärise stiili ja täidis (eriti vasakpoolne täidis) reguleerib kaugust tekstist (vasakpoolse) ääriseni.
See stiil on sama lihtne kui lihtne ajaveeb.
Kopeerige ja kleepige järgmine kollase tausta stiil teema faili style.css▼
blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }
- Ülaltoodud on 2 plokitsitaadi stiili.
- Mitme identse stiili lisamine kirjutatakse üle.
- Seega valige üks neist ja lisage see teema style.css faili.
Hope Chen Weiliangi ajaveeb ( https://www.chenweiliang.com/ ) jagatud "Kuidas kasutada blockquote? HTML plokitsitaadi märgendi demoefektis, et teid aidata.
Tere tulemast selle artikli linki jagama:https://www.chenweiliang.com/cwl-2123.html