Akwụkwọ ndekọ ederede
NaWordPressN'ime ndezi akụkọ, enwere bọtịnụ "block quote" nkịtị▼
Mgbe ejiri ya, ọ na-agbakwunye aAkara ka ịkpọku ụfọdụ nkwupụta ma ọ bụ pụta ìhè.
Kedu ihe blockquote pụtara?
Ihe ndia buChen WeiliangỤdị ngụ maka blọọgụ:
Ihe mkpado XHTML blockquote bụ ihe bara uru nke ukwuu (ma ọ bụrụ na ụfọdụ anaghị eji ya eme ihe).N'ime usoro ọmụmụ, ekwesịrị iji blockquote mee ihe mgbe ọ bụla ị na-ehota ogologo ederede site na isi mmalite ọzọ (ọkà okwu ọzọ, webụsaịtị ọzọ, wdg).Nke a bụ ụzọ iji wepụta ederede wee gosipụta ya na isi mmalite ndị ọzọ.
Style-maara ihe, ị nwere ike ime ihe a niile na klaasị pụrụ iche na mkpado paragraf… mana nke ahụ abaghị uru n'ụzọ semantically, ugbu a, ọ ga-abụ? Blockquotes nwere ụfọdụ ụdị na ndabara.
Ọtụtụ ihe nchọgharị na-etinye ederede na mkpado blockquote, nke na-enyere ndị ọrụ aka ịmata ederede n'ụzọ ụfọdụ.Mana onye ga-asị na anyị kwesịrị ịkwụsị ebe ahụ?Nke a bụ otu esi ahazi blockquotes gị na CSS.
Nwalee test-css.html wee tinye ngalaba css na ahụ 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>
Kedu ka esi eji blockquote?
Achọpụtara na ụfọdụ isiokwu WordPress anaghị etinye ụdị ntụaka na faịlụ style.css.
Detuo na mado ụdị nkuku okirikiri na-acha anụnụ anụnụ na-esote n'ime faịlụ style.css nke isiokwu ahụ▼
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;
}Ụdị ntụaka na-ekpebi ederede ahụ (nha, agba), agba ndabere, oghere ọcha, oke, wdg.
ịke oke
Ụdị a dịtụ mfe, ya bụ, tọọ ókèala aka ekpe ma tọọ ọkpụrụkpụ.Agba na-ejikwa ụcha font, na agba okirikiri na-ejikwa agba okirikiri (ma ọ bụ otu ndabere ozugbo).
Oke ahụ na-achịkwa ebe dị anya na mmewere windo, akụkụ aka ekpe nke oke na-achịkwa ụdị oke aka ekpe, na padding (karịsịa n'akụkụ aka ekpe nke padding aka ekpe) na-achịkwa ebe dị anya site na ederede ruo n'ókè (aka ekpe).
Ụdị a dị mfe dị ka blọgụ dị mfe.
Detuo na mado ụdị ndabere edo edo na-esote n'ime faịlụ style.css nke isiokwu ahụ▼
blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }
- Ndị dị n'elu bụ ụdị blockquote 2.
- A ga-edegharị ọtụtụ ụdị yiri ya.
- Yabụ, biko họrọ otu n'ime ha wee tinye ya na faịlụ style.css isiokwu.
Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) kekọrịtara "Otu esi eji blockquote? HTML na blockquote mkpado ngosi mmetụta, iji nyere gị aka.
Nnọọ ka ị kesaa njikọ nke akụkọ a:https://www.chenweiliang.com/cwl-2123.html
Nabata na ọwa Telegram nke blọgụ Chen Weiliang ka ị nweta mmelite kachasị ọhụrụ!
📚 Ntuziaka a nwere nnukwu uru, 🌟Nke a bụ ohere dị ụkọ, echefula ya! ⏰⌛💨
Kekọrịta na-amasị ma ọ bụrụ na-amasị gị!
Ịkekọrịta na mmasị gị bụ mkpali anyị na-aga n'ihu!