Chinyorwa Directory
muWordPressMukugadzirisa chinyorwa, pane yakajairwa "block quote" bhatani▼
Kana yashandiswa, inowedzera aMucherechedzo wekudaidza chimwe chirevo chakataurwa kana kusimbisa.
Chii chinonzi blockquote chinorevei?
Izvi zvinoteveraChen WeiliangManyorerwo emabloggi:
Iyo blockquote XHTML tag inobatsira kwazvo (kana imwe isina kushandiswa) chinhu.Semantic, blockquote inofanirwa kushandiswa pese paunenge uchitora mameseji marefu kubva kune imwe sosi (mumwe mutauri, imwe webhusaiti, nezvimwewo).Iyi inzira yekuganhurira mavara uye kuaratidza nemamwe masosi.
Chimiro-hungwaru, unogona kuita zvese izvi nemakirasi akakosha pamatagi endima... asi izvo hazvina maturo, zvino, zvingadaro? Blockquotes ane mamwe masitaera nekusarudzika.
Mabhurawuza mazhinji anopinza mavara mu blockquote tags, iyo inobatsira vashandisi kuona zvinyorwa neimwe nzira.Asi ndiani angati tinofanira kumira ipapo?Heano maitiro ekuita yako blockquotes neCSS.
Edzai test-css.html uye wedzera chikamu checss kumutumbi wehtml:
<!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>
Maitiro ekushandisa blockquote?
Zvinoonekwa kuti mamwe madingindira eWordPress haawedzere mareferensi masitaera muchimiro.css faira.
Kopa uye unamate inotevera yebhuruu kumashure yakatenderedzwa pakona maitiro mune style.css faira redingindira▼
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;
}Mazita ereferenzi anosarudza mavara emuviri (saizi, ruvara), ruvara rwemashure, chena, miganhu, nezvimwe ...
border style
Ichi chimiro chiri nyore, ndiko kuti, isa muganhu wekuruboshwe uye isa hupamhi.Ruvara runodzora ruvara rwefonti, uye ruvara rwekumashure runodzora ruvara rwekumashure (kana boka rekumashure).
Muganhu unodzora chinhambwe kuenda kuchikamu chehwindo, rutivi rworuboshwe rwemuganho runodzora kuruboshwe rwemuganhu, uye padding (kunyanya rutivi rworuboshwe rwepadhi rekuruboshwe) inodzora chinhambwe kubva pachinyorwa kuenda kumuganhu (kuruboshwe).
Iyi masitayipi yakapfava senge bhurogu iri nyore.
Kopa uye unamate inotevera yero yekumashure maitiro muiyo style.css faira redingindira▼
blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }
- Iwo ari pamusoro ane 2 blockquote masitayipi.
- Kuwedzera akawanda akafanana masitaera anozonyorwa.
- Saka, ndapota sarudza chimwe chazvo wochiwedzera kune theme's style.css file.
Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) yakagovaniswa "Mashandisiro e blockquote? HTML mune blockquote tag demo maitiro, kuti ikubatsire.
Welcome to share link yechinyorwa chino:https://www.chenweiliang.com/cwl-2123.html