Momwe mungagwiritsire ntchito blockquote? HTML blockquote tag chiwonetsero chazithunzi

MwaWordPressPokonza nkhani, pali batani lodziwika bwino la "block quote"▼

Momwe mungagwiritsire ntchito blockquote? HTML blockquote tag chiwonetsero chazithunzi

Akagwiritsidwa ntchito, amawonjezera aChizindikiro kuti mutchule mawu ogwidwa mawu kapena kuwunikira.

Kodi blockquote imatanthauza chiyani?

Otsatirawa ndiChen WeiliangKalembedwe ka mabulogu:

Chizindikiro cha blockquote XHTML ndichothandiza kwambiri (ngati china sichinagwiritsidwe ntchito).Mwachidule, blockquote iyenera kugwiritsidwa ntchito nthawi zonse mukamalemba mawu ataliatali kuchokera kwina (wokamba nkhani wina, tsamba lina, ndi zina).Iyi ndi njira yochepetsera malemba ndi kuwawonetsa ndi magwero ena.
Mwanzeru, mutha kuchita zonsezi ndi makalasi apadera pama tag a ndime… Ma blockquotes ali ndi masitayelo ena mwachisawawa.
Asakatuli ambiri amalowetsa mawu mu blockquote tag, zomwe zimathandiza ogwiritsa ntchito kuzindikira mawuwo mwanjira ina.Koma ndani anganene kuti tiyenera kuima pamenepo?Umu ndi momwe mungasinthire ma blockquotes anu ndi CSS.

Yesani test-css.html ndikuwonjezera gawo la css ku thupi la 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>

Momwe mungagwiritsire ntchito blockquote?

Zapezeka kuti mitu ina ya WordPress siyimawonjezera masitayelo ofotokozera mu fayilo ya style.css.

Koperani ndi kumata mzere wozungulira wakumbuyo wabuluu mufayilo ya style.css yamutuwu▼

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;
}

Masitayelo olozera amasankha zolemba za thupi (kukula, mtundu), mtundu wakumbuyo, malo oyera, malire, ndi zina ...

kalembedwe ka malire

Mtunduwu ndi wosavuta, ndiye kuti, ikani malire akumanzere ndikuyika makulidwe.Mtundu umayang'anira mtundu wa font, ndipo mtundu wakumbuyo umayang'anira mtundu wakumbuyo (kapena gulu lakumbuyo).

Mphepete mwa nyanja imayang'anira mtunda wopita ku zenera, mbali yakumanzere ya malire imayang'anira kalembedwe ka malire akumanzere, ndipo padding (makamaka kumanzere kwa padding kumanzere) imayendetsa mtunda kuchokera palemba kupita kumalire (kumanzere).

Mtunduwu ndi wosavuta ngati blog yosavuta.

Koperani ndi kumata masitayelo achikasu akumbuyo mufayilo ya style.css yamutuwu▼

blockquote {
margin: 1em 3em;
padding: .5em 1em;
border-left: 5px solid #fce27c;
background-color: #f6ebc1; }
blockquote p {
margin: 0; }
  • Pamwambapa ndi masitaelo a blockquote 2.
  • Kuwonjezera masitayelo angapo ofanana kudzalembedwa.
  • Chifukwa chake, chonde sankhani imodzi mwazo ndikuwonjezera ku fayilo yamutu wa style.css.

Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) adagawana "Momwe mungagwiritsire ntchito blockquote? HTML mu blockquote tag demo effect, kukuthandizani.

Takulandirani kugawana ulalo wa nkhaniyi:https://www.chenweiliang.com/cwl-2123.html

Takulandilani panjira ya Telegraph yabulogu ya Chen Weiliang kuti mupeze zosintha zaposachedwa!

🔔 Khalani oyamba kupeza "ChatGPT Content Marketing AI Tool Usage Guide" m'ndandanda wapamwamba kwambiri! 🌟
📚 Bukuli lili ndi phindu lalikulu, 🌟Uwu ndi mwayi wosowa, musaphonye! ⏰⌛💨
Share ndi like ngati mukufuna!
Kugawana kwanu ndi zomwe mumakonda ndizomwe zimatilimbikitsa nthawi zonse!

 

发表 评论

Imelo yanu sidzasindikizidwa. Minda yofunikira imagwiritsidwa ntchito * Chizindikiro

pindani pamwamba