在WordPressIn eagarthóireacht ailt, tá cnaipe coitianta "sleachta bloc"▼
Nuair a úsáidtear é, cuireann sé aMarcóir chun ráiteas nó aibhsiú éigin luaite a agairt.
Cad a chiallaíonn blockquote?
Seo a leanasChen WeiliangStíl lua do bhlaganna:
Is eilimint an-úsáideach í an chlib blockquote XHTML (mura n-úsáidtear go leor í).Go semantach, ba cheart blockquote a úsáid nuair a bhíonn téacs níos faide á lua agat ó fhoinse eile (cainteoir eile, suíomh Gréasáin eile, etc.).Is bealach é seo chun téacs a theorannú agus é a thaispeáint le foinsí eile.
Stíl-ciallmhar, is féidir leat é seo go léir a dhéanamh le ranganna speisialta ar chlibeanna alt ... ach tá sé sin useless semantically, anois, an mbeadh sé? Tá roinnt stíleanna ag Blockquotes de réir réamhshocraithe.
Feannadh an chuid is mó de na brabhsálaithe téacs i gclibeanna blocquote, rud a chabhraíonn le húsáideoirí an téacs a aithint ar bhealach éigin.Ach cé atá le rá gur gá dúinn stopadh ansin?Seo an chaoi le do bhloc-quotes a stíliú le CSS.
Déan test-css.html agus cuir an chuid css leis an gcorp 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>
Conas blockquote a úsáid?
Faightear amach nach gcuireann roinnt téamaí WordPress stíleanna tagartha sa chomhad style.css.
Cóipeáil agus greamaigh an stíl chúinne chothromú chúlra gorm seo a leanas isteach i gcomhad style.css an téama▼
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;
}Cinneann stíleanna tagartha téacs coirp (méid, dath), dath cúlra, spás bán, teorainneacha, etc.
stíl teorann
Tá an stíl seo sách simplí, is é sin, an teorainn chlé a shocrú agus an tiús a shocrú.Rialaíonn dath dath an chló, agus rialaíonn dath an chúlra an dath cúlra (nó grúpa cúlra díreach).
Rialaíonn an corrlach an t-achar go dtí an eilimint fhuinneog, rialaíonn an taobh clé den teorainn an stíl teorann clé, agus rialaíonn an stuáil (go háirithe an taobh clé den stuáil ar chlé) an fad ón téacs go dtí an teorainn (clé).
Tá an stíl seo chomh simplí le blag simplí.
Cóipeáil agus greamaigh an stíl chúlra buí seo a leanas isteach i gcomhad style.css an téama▼
blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }
- Is iad na cinn thuas 2 stíleanna blockquote.
- Forscríobhfar stíleanna comhionanna iolracha a chur leis.
- Mar sin, roghnaigh ceann amháin acu le do thoil agus cuir le comhad style.css an téama é.
Tá súil agam Blag Chen Weiliang ( https://www.chenweiliang.com/ ) shared” Conas blockquote a úsáid? HTML san éifeacht taispeána chlib blockquote, chun cabhrú leat.
Fáilte romhat nasc an ailt seo a roinnt:https://www.chenweiliang.com/cwl-2123.html
Fáilte chuig cainéal Telegram de bhlag Chen Weiliang chun na nuashonruithe is déanaí a fháil!
📚 Tá luach ollmhór sa treoir seo, 🌟 Seo deis annamh, ná caill é! ⏰⌛💨
Roinnigí agus más maith libh!
Is iad do chomhroinnt agus do thaitin ár spreagadh leanúnach!