在WordPressMəqalənin redaktəsində ümumi "sitatı blokla" düyməsi var▼
İstifadə edildikdə, əlavə edirBəzi sitat gətirilən bəyanatı və ya vurğunu çağırmaq üçün marker.
Blockquote nə deməkdir?
Aşağıdakı kimidirChen WeiliangBloqlar üçün sitat üslubu:
Blockquote XHTML teqi çox faydalı elementdir (əgər az istifadə olunarsa).Semantik olaraq, başqa mənbədən (başqa bir spiker, başqa vebsayt və s.) daha uzun mətndən sitat gətirdiyiniz zaman blok sitatdan istifadə edilməlidir.Bu, mətni ayırmaq və onu digər mənbələrlə göstərmək üçün bir yoldur.
Üslub baxımından, siz bütün bunları paraqraf teqlərindəki xüsusi dərslərlə edə bilərsiniz... amma bu semantik cəhətdən faydasızdır, elə deyilmi? Blockquotes defolt olaraq bəzi üslublara malikdir.
Əksər brauzerlər mətni blok iqtibas teqlərində yerləşdirir ki, bu da istifadəçilərə mətni müəyyən şəkildə müəyyən etməyə kömək edir.Amma kim deyə bilər ki, biz orada dayanmalıyıq?CSS ilə blok dırnaqlarınızı necə tərtib etmək olar.
test-css.html-ni sınayın və css bölməsini html gövdəsinə əlavə edin:
<!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>
Blockquote necə istifadə olunur?
Bəzi WordPress mövzularının style.css faylına istinad üslubları əlavə etmədiyi aşkar edilmişdir.
Aşağıdakı mavi fonda yuvarlaqlaşdırılmış künc üslubunu kopyalayıb mövzunun style.css faylına yapışdırın▼
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;
}İstinad üslubları bədən mətnini (ölçüsü, rəngi), fon rəngi, boşluq, haşiyələr və s. müəyyən edir...
haşiyə tərzi
Bu üslub nisbətən sadədir, yəni sol haşiyəni təyin edin və qalınlığı təyin edin.Rəng şrift rənginə, fon rəngi isə fon rənginə (və ya birbaşa fon qrupuna) nəzarət edir.
Haşiyə pəncərə elementinə qədər olan məsafəni, haşiyənin sol tərəfi sol haşiyə üslubunu, dolgu (xüsusilə sol tərəfdəki dolğunluğun sol tərəfi) mətndən (sol) haşiyəyə qədər olan məsafəni idarə edir.
Bu üslub sadə bir blog qədər sadədir.
Aşağıdakı sarı fon üslubunu kopyalayıb mövzunun style.css faylına yapışdırın▼
blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }
- Yuxarıdakılar 2 blok sitat üslubudur.
- Çoxsaylı eyni üslubların əlavə edilməsi üzərinə yazılacaq.
- Beləliklə, onlardan birini seçin və onu mövzunun style.css faylına əlavə edin.
Hope Chen Weiliang Blogu ( https://www.chenweiliang.com/ ) paylaşılan "Blok sitatdan necə istifadə etmək olar? Sizə kömək etmək üçün blockquote teq demo effektində HTML.
Bu məqalənin linkini paylaşmağa xoş gəlmisiniz:https://www.chenweiliang.com/cwl-2123.html
Ən son yenilikləri əldə etmək üçün Chen Weiliang bloqunun Telegram kanalına xoş gəlmisiniz!
📚 Bu təlimatda böyük dəyər var, 🌟Bu nadir fürsətdir, qaçırmayın! ⏰⌛💨
Bəyəndinizsə paylaşın və bəyənin!
Paylaşımlarınız və bəyənmələriniz davamlı motivasiyamızdır!