Uhla lwemibhalo ye-athikili
Ekuhleleni okuthunyelwe kwe -WordPress , kunenkinobho evamile ethi "i-block quote" ▼
Uma isetshenziswa, yengeza aUmaka ukuze ucele isitatimende esicashuniwe noma ukugqamisa.
Isho ukuthini i-blockquote?
Okulandelayo isitayela sesisho esivela kubhulogi likaChen Weiliang :
Ithegi ye-XHTML ye-blockquote iyisici esiwusizo kakhulu (uma singasetshenziswa kancane).Ngokwezibalo, i-blockquote kufanele isetshenziswe noma nini lapho ucaphuna umbhalo omude ovela komunye umthombo (esinye isikhulumi, enye iwebhusayithi, njll.).Lena indlela yokuhlukanisa umbhalo futhi uwubonise neminye imithombo.
Ngokwesitayela, ungakwenza konke lokhu ngamakilasi akhethekile kumathegi ezigaba... kodwa lokho akusizi ngalutho, manje, akunjalo? Ama-blockquotes anezitayela ezithile ngokuzenzakalelayo.
Iziphequluli eziningi zihlehlisa umbhalo kumathegi we-blockquote, okusiza abasebenzisi ukukhomba umbhalo ngandlela thize.Kodwa ubani ozothi sidinga ukuma lapho?Nansi indlela yokwenza ama-blockquotes akho nge-CSS.
Hlola test-css.html bese wengeza isigaba se-css emzimbeni we-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>
Ungayisebenzisa kanjani i-blockquote?
Kutholwe ukuthi ezinye izingqikithi ze-WordPress azingezi izitayela zereferensi kufayela le-style.css.
Kopisha bese unamathisele ingemuva eliluhlaza okwesibhakabhaka lesitayela esiyindilinga sekhona efayeleni le-style.css letimu▼
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;
}Izitayela eziyisethenjwa zinquma umbhalo womzimba (usayizi, umbala), umbala wangemuva, indawo emhlophe, imingcele, njll...
isitayela somngcele
Lesi sitayela silula, okungukuthi, setha umngcele wesokunxele bese usetha ubukhulu.Umbala ulawula umbala wefonti, futhi umbala wangemuva ulawula umbala wangemuva (noma iqembu langemuva eliqondile).
Imajini ilawula ibanga lesici sewindi, uhlangothi lwesobunxele lomngcele lulawula isitayela somngcele wesokunxele, futhi i-padding (ikakhulukazi ohlangothini lwesobunxele lwe-padding kwesokunxele) ilawula ibanga ukusuka embhalweni ukuya emngceleni (kwesokunxele).
Lesi sitayela silula njengebhulogi elilula.
Kopisha bese unamathisele isitayela sangemuva esiphuzi esilandelayo kufayela lesitayela.css letimu▼
blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }
- Okungenhla yizitayela ze-blockquote ezi-2.
- Ukwengeza izitayela ezifanayo kuzosulwa.
- Ngakho-ke, sicela ukhethe eyodwa yazo futhi uyengeze efayeleni letimu elithi style.css.
Ngethemba ukuthi isihloko esithi "Ungayisebenzisa kanjani i-blockquote? I-demo yethegi ye-blockquote ku-HTML" esabiwe kubhulogi likaChen Weiliang ( https://www.chenweiliang.com/ ) izokusiza.
Zizwe ukhululekile ukwabelana ngalesi sixhumanisi sendatshana: https://www.chenweiliang.com/cwl-2123.html