Հոդվածների տեղեկատու
在WordPressՀոդվածների խմբագրման ժամանակ կա ընդհանուր «արգելափակման մեջբերում» կոճակ ▼
Երբ օգտագործվում է, ավելացնում է aՆշիչ՝ մեջբերված որևէ հայտարարություն կամ ընդգծում կանչելու համար:
Ի՞նչ է նշանակում բլոկի մեջբերում:
ՀետևյալըՉեն ՎայլյանԲլոգերի մեջբերումների ոճը.
Blockquote XHTML թեգը շատ օգտակար տարր է (եթե որոշ չափով չի օգտագործվում):Իմաստային առումով, բլոկ մեջբերումը պետք է օգտագործվի, երբ դուք մեջբերում եք ավելի երկար տեքստ այլ աղբյուրից (այլ խոսնակ, այլ կայք և այլն):Սա տեքստը սահմանազատելու և այն այլ աղբյուրներով ցուցադրելու միջոց է։
Ոճային առումով, դուք կարող եք այս ամենը անել պարբերությունների պիտակների վրա հատուկ դասերի միջոցով... բայց դա իմաստային առումով անօգուտ է, չէ՞: Արգելափակման մեջբերումները լռելյայն ունեն որոշ ոճեր:
Բրաուզերների մեծամասնությունը տեքստը նահանջում է բլոկային մեջբերումների պիտակներում, ինչը օգնում է օգտվողներին ինչ-որ կերպ նույնականացնել տեքստը:Բայց ո՞վ կարող է ասել, որ մենք պետք է այնտեղ կանգնենք:Ահա թե ինչպես ձևավորել ձեր բլոկչակերտները CSS-ով:
Փորձարկեք test-css.html և ավելացրեք css բաժինը 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>
Ինչպե՞ս օգտագործել արգելափակման մեջբերումը:
Պարզվել է, որ WordPress-ի որոշ թեմաներ չեն ավելացնում հղման ոճեր style.css ֆայլում:
Պատճենեք և տեղադրեք հետևյալ կապույտ ֆոնի կլորացված անկյունային ոճը թեմայի style.css ֆայլի մեջ
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;
}Հղման ոճերը որոշում են հիմնական տեքստը (չափը, գույնը), ֆոնի գույնը, բացատը, եզրագծերը և այլն...
սահմանային ոճը
Այս ոճը համեմատաբար պարզ է, այսինքն, սահմանեք ձախ եզրագիծը և սահմանեք հաստությունը:Գույնը վերահսկում է տառատեսակի գույնը, իսկ ֆոնի գույնը՝ ֆոնի գույնը (կամ ուղղակի ֆոնային խումբը):
Լուսանցքը վերահսկում է հեռավորությունը դեպի պատուհանի տարրը, եզրագծի ձախ կողմը վերահսկում է ձախ եզրագծի ոճը, իսկ լցոնումը (հատկապես լիցքի ձախ կողմը) վերահսկում է տեքստից մինչև (ձախ) եզրագիծը:
Այս ոճը նույնքան պարզ է, որքան պարզ բլոգը:
Պատճենեք և տեղադրեք հետևյալ դեղին ֆոնային ոճը թեմայի style.css ֆայլի մեջ
blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }
- Վերոնշյալները 2 բլոկ մեջբերում են:
- Մի քանի միանման ոճեր ավելացնելը կվերագրվի:
- Այսպիսով, խնդրում ենք ընտրել դրանցից մեկը և ավելացնել այն թեմայի style.css ֆայլին:
Հույս Chen Weiliang բլոգ ( https://www.chenweiliang.com/ ) կիսվել է «Ինչպե՞ս օգտագործել արգելափակման մեջբերումը: HTML-ը blockquote պիտակի ցուցադրական էֆեկտում, որը կօգնի ձեզ:
Բարի գալուստ՝ կիսելու այս հոդվածի հղումը.https://www.chenweiliang.com/cwl-2123.html
Բարի գալուստ Chen Weiliang-ի բլոգի Telegram ալիք՝ վերջին թարմացումները ստանալու համար:
📚 Այս ուղեցույցը պարունակում է հսկայական արժեք, 🌟Սա հազվագյուտ հնարավորություն է, բաց մի՛ թողեք այն։ ⏰⌛💨
Տարածեք և հավանեք, եթե հավանեցիք:
Ձեր տարածումը և հավանումները մեր շարունակական շարժառիթն են: