在WordPressNan koreksyon atik, gen yon bouton "blòk quote" komen ▼
Lè yo itilize, li ajoute yonMakè pou envoke kèk deklarasyon ki site oswa mete aksan sou.
Ki sa Blockquote vle di?
Sa ki annapre a seChen WeiliangStyle citasyon pou blogs:
Tag XHTML blockquote a se yon eleman trè itil (si gen kèk sous-utilize).Semantik, blockquote ta dwe itilize chak fwa w ap site tèks ki pi long nan yon lòt sous (yon lòt oratè, yon lòt sit entènèt, elatriye).Sa a se yon fason yo delimite tèks epi montre li ak lòt sous.
Style-wise, ou ka fè tout bagay sa yo ak klas espesyal sou Tags paragraf ... men sa a semantik initil, kounye a, li ta? Blockquotes gen kèk estil pa default.
Pifò navigatè yo endent tèks nan tags blockquote, ki ede itilizatè yo idantifye tèks la nan kèk fason.Men, ki moun ki di nou bezwen sispann la?Men ki jan yo style blockquotes ou yo ak CSS.
Teste test-css.html epi ajoute seksyon css nan kò html la:
<!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>
Kouman pou itilize blockquote?
Li jwenn ke kèk tèm WordPress pa ajoute estil referans nan dosye style.css la.
Kopi epi kole style kwen awondi background ble sa a nan dosye style.css tèm nan▼
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;
}Estil referans detèmine tèks kò a (gwosè, koulè), koulè background, espas blan, fwontyè, elatriye ...
style fwontyè
Style sa a se relativman senp, se sa ki, mete fwontyè gòch la epi mete epesè a.Koulè kontwole koulè font la, ak koulè background kontwole koulè background nan (oswa gwoup background dirèk).
Marge a kontwole distans la nan eleman fenèt la, bò gòch la nan fwontyè a kontwole style la fwontyè gòch, ak padding la (espesyalman bò gòch la nan padding gòch la) kontwole distans ki soti nan tèks la nan fwontyè a (gòch).
Style sa a se senp tankou yon blog senp.
Kopi epi kole style background jòn sa a nan dosye style.css tèm nan▼
blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }
- Pi wo a se 2 estil blockquote.
- Ajoute plizyè estil idantik yo pral ranplase.
- Se konsa, tanpri chwazi youn nan yo epi ajoute li nan style.css dosye tèm nan.
Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) pataje "Kijan pou itilize blockquote? HTML nan blockquote tag Demo efè, pou ede w.
Byenvini pataje lyen atik sa a:https://www.chenweiliang.com/cwl-2123.html
Byenveni nan chanèl Telegram blog Chen Weiliang a pou jwenn dènye mizajou yo!
📚 Gid sa a gen anpil valè, 🌟Sa a se yon opòtinite ki ra, pa rate li! ⏰⌛💨
Pataje epi like siw renmen!
Pataje w ak renmen ou se motivasyon kontinyèl nou!