katikaWordPressKatika uhariri wa makala, kuna kitufe cha kawaida cha "kunukuu"▼
Inapotumiwa, huongeza aAlama ili kuomba kauli iliyonukuliwa au kuangazia.
Blockquote inamaanisha nini?
Ifuatayo niChen WeiliangMtindo wa kunukuu kwa blogu:
Lebo ya blockquote ya XHTML ni kipengele muhimu sana (ikiwa baadhi hakijatumika vizuri).Kimantiki, nukuu ya kuzuia inapaswa kutumiwa wakati wowote unaponukuu maandishi marefu kutoka chanzo kingine (mzungumzaji mwingine, tovuti nyingine, n.k.).Hii ni njia ya kuweka mipaka ya maandishi na kuyaonyesha na vyanzo vingine.
Kwa mtindo, unaweza kufanya haya yote kwa madarasa maalum kwenye vitambulisho vya aya... lakini hiyo haina maana kimaana, sasa, sivyo? Vizuizi vina mitindo fulani kwa chaguo-msingi.
Vivinjari vingi hujongeza maandishi katika vitambulisho vya blockquote, ambayo husaidia watumiaji kutambua maandishi kwa njia fulani.Lakini ni nani wa kusema tunahitaji kuacha hapo?Hivi ndivyo jinsi ya kuunda dondoo zako za kuzuia ukitumia CSS.
Jaribu test-css.html na uongeze sehemu ya css kwenye mwili wa 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>
Jinsi ya kutumia blockquote?
Imebainika kuwa baadhi ya mandhari ya WordPress hayaongezi mitindo ya marejeleo katika faili ya style.css.
Nakili na ubandike usuli wa bluu ufuatao mtindo wa kona ya mviringo kwenye faili ya style.css ya mandhari▼
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;
}Mitindo ya marejeleo huamua maandishi ya mwili (ukubwa, rangi), rangi ya mandharinyuma, nafasi nyeupe, mipaka, n.k...
mtindo wa mpaka
Mtindo huu ni rahisi, yaani, kuweka mpaka wa kushoto na kuweka unene.Rangi hudhibiti rangi ya fonti, na rangi ya usuli hudhibiti rangi ya usuli (au kikundi cha mandharinyuma cha moja kwa moja).
Upeo hudhibiti umbali wa kipengele cha dirisha, upande wa kushoto wa mpaka hudhibiti mtindo wa mpaka wa kushoto, na padding (hasa upande wa kushoto wa padding kushoto) hudhibiti umbali kutoka kwa maandishi hadi (kushoto) mpaka.
Mtindo huu ni rahisi kama blogu rahisi.
Nakili na ubandike mtindo ufuatao wa mandharinyuma ya manjano kwenye faili ya style.css ya mandhari▼
blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }
- Hapo juu ni mitindo 2 ya blockquote.
- Kuongeza mitindo mingi inayofanana kutafutwa.
- Kwa hivyo, tafadhali chagua mojawapo na uiongeze kwenye faili ya style.css ya mandhari.
Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) ilishirikiwa "Jinsi ya kutumia blockquote? HTML katika athari ya onyesho la lebo ya blockquote, ili kukusaidia.
Karibu kushiriki kiungo cha makala hii:https://www.chenweiliang.com/cwl-2123.html
Karibu kwenye chaneli ya Telegramu ya blogu ya Chen Weiliang ili kupata masasisho mapya zaidi!
📚 Mwongozo huu una thamani kubwa, 🌟Hii ni fursa adimu, usiikose! ⏰⌛💨
Share na like ukipenda!
Kushiriki kwako na kupenda kwako ndio motisha yetu inayoendelea!