在WordPressDina éditan artikel, aya tombol umum "kutipan blok"▼
Nalika dianggo, éta nambihan aPananda pikeun nelepon sababaraha pernyataan anu dikutip atanapi sorotan.
Naon hartosna blockquote?
Ieu di handap nyaétaChen WeiliangGaya kutipan pikeun blog:
The blockquote tag XHTML mangrupakeun pisan mangpaat (lamun sababaraha underutilized) unsur.Semantically, blockquote kudu dipake iraha wae anjeun quoting téks panjang ti sumber sejen (spiker sejen, ramatloka séjén, jsb).Ieu mangrupikeun cara pikeun ngawatesan téks sareng nampilkeunana sareng sumber sanés.
Gaya-wijaksana, anjeun tiasa ngalakukeun sagala ieu kalawan kelas husus dina tag ayat ... tapi éta semantically gunana, ayeuna, bakal eta? Blockquotes gaduh sababaraha gaya sacara standar.
Kalolobaan panyungsi indent téks dina tag blockquote, nu mantuan pamaké ngaidentipikasi téks dina sababaraha cara.Tapi saha anu nyarios urang kedah lirén di dinya?Kieu kumaha gaya kutipan blok anjeun nganggo CSS.
Uji test-css.html sareng tambahkeun bagian css kana awak 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>
Kumaha ngagunakeun blockquote?
Kapanggih yén sababaraha téma WordPress henteu nambihan gaya rujukan dina file style.css.
Salin sareng témpél latar biru di handap ieu gaya sudut dibuleudkeun kana file style.css téma▼
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;
}Gaya rujukan nangtukeun téks awak (ukuran, warna), warna latar, spasi bodas, wates, jsb...
gaya wates
Gaya ieu kawilang saderhana, nyaéta, nyetél wates kénca sareng nyetél ketebalanna.Warna ngatur warna font, sareng warna latar ngatur warna latar (atanapi grup latar langsung).
Margin ngatur jarak ka unsur jandela, sisi kénca wates ngadalikeun gaya wates kénca, sarta padding (utamana sisi kénca padding kénca) ngadalikeun jarak ti téks ka (kénca) wates.
Gaya ieu saderhana sapertos blog sederhana.
Salin sareng témpél gaya latar konéng di handap ieu kana file style.css téma▼
blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }
- Di luhur aya 2 gaya blockquote.
- Nambahkeun sababaraha gaya anu idéntik bakal ditimpa.
- Janten, mangga pilih salah sahiji sareng tambahkeun kana file style.css tema.
Blog Hope Chen Weiliang ( https://www.chenweiliang.com/ ) dibagikeun "Kumaha ngagunakeun blockquote? HTML dina pangaruh demo tag blockquote, pikeun mantuan Anjeun.
Wilujeng ngabagikeun tautan artikel ieu:https://www.chenweiliang.com/cwl-2123.html
Wilujeng sumping di saluran Telegram blog Chen Weiliang pikeun kéngingkeun apdet panganyarna!
📚 Pituduh ieu ngandung nilai anu ageung, 🌟Ieu mangrupikeun kasempetan anu jarang, tong kantun! ⏰⌛💨
Bagikeun sareng suka upami anjeun resep!
Bagikeun sareng resep anjeun mangrupikeun motivasi kontinyu kami!