ලිපි නාමාවලිය
在වර්ඩ්ප්රෙස්ලිපි සංස්කරණයේදී, පොදු "බ්ලොක් උද්ධෘත" බොත්තමක් ඇත▼
භාවිතා කරන විට, එය එකතු කරයි aකිසියම් උද්ධෘත ප්‍රකාශයක් හෝ උද්දීපනයක් ඉල්ලා සිටීමට සලකුණු කාරකය.
blockquote යන්නෙන් අදහස් කරන්නේ කුමක්ද?
පහත දැක්වෙන්නේචෙන් වේලියාංබ්ලොග් සඳහා උපුටා දැක්වීමේ විලාසය:
බ්ලොක්කෝට් XHTML ටැගය ඉතා ප්‍රයෝජනවත් (සමහර ඌන ප්‍රයෝජනයට ගෙන නොමැති නම්) මූලද්‍රව්‍යයකි.අර්ථාන්විතව, ඔබ වෙනත් මූලාශ්‍රයකින් (වෙනත් කථිකයෙකු, වෙනත් වෙබ් අඩවියක්, ආදිය) දිගු පෙළක් උපුටා දක්වන සෑම අවස්ථාවකම blockquote භාවිතා කළ යුතුය.මෙය පෙළ සීමා කිරීමට සහ වෙනත් මූලාශ්‍ර සමඟ සංදර්ශන කිරීමට ක්‍රමයකි.
ශෛලිය අනුව, ඔබට ඡේද ටැග් මත විශේෂ පන්ති සමඟ මේ සියල්ල කළ හැකිය ... නමුත් එය අර්ථ දැක්වීමෙන් පලක් නැත, දැන් එය එසේ නොවේ ද? Blockquotes හි පෙරනිමියෙන් සමහර මෝස්තර ඇත.
බොහෝ බ්‍රව්සර් බ්ලොක්කෝට් ටැග් තුළ පෙළ ඉන්ඩෙන්ට් කරයි, එය පරිශීලකයින්ට කිසියම් ආකාරයකින් පෙළ හඳුනා ගැනීමට උපකාරී වේ.ඒත් එතනින් නවතින්න ඕන කියලා කවුද කියන්නේ?CSS සමඟින් ඔබේ blockquotes මෝස්තර කරන්නේ කෙසේද යන්න මෙන්න.
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>
blockquote භාවිතා කරන්නේ කෙසේද?
සමහර වර්ඩ්ප්‍රෙස් තේමාවන් 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; }
- ඉහත දැක්වෙන්නේ blockquote styles 2කි.
- බහු සමාන මෝස්තර එකතු කිරීම උඩින් ලියැවෙනු ඇත.
- එබැවින්, කරුණාකර ඒවායින් එකක් තෝරා එය තේමාවේ style.css ගොනුවට එක් කරන්න.
Hope Chen Weiliang බ්ලොග් ( https://www.chenweiliang.com/ ) shared "බ්ලොක්කෝට් භාවිතා කරන්නේ කෙසේද? බ්ලොක්කෝට් ටැග් ආදර්ශන ප්‍රයෝගයේ HTML, ඔබට උදවු කිරීමට.
මෙම ලිපියේ සබැඳිය බෙදා ගැනීමට සාදරයෙන් පිළිගනිමු:https://www.chenweiliang.com/cwl-2123.html
නවතම යාවත්කාලීන ලබා ගැනීමට Chen Weiliang ගේ බ්ලොගයේ Telegram නාලිකාව වෙත සාදරයෙන් පිළිගනිමු!
📚 මෙම මාර්ගෝපදේශයෙහි විශාල වටිනාකමක් ඇත, 🌟මෙය දුර්ලභ අවස්ථාවක්, එය අතපසු නොකරන්න! ⏰⌛💨
ඔබ කැමති නම් Share කර Like කරන්න!
ඔබගේ බෙදාගැනීම් සහ කැමැත්ත අපගේ අඛණ්ඩ අභිප්‍රේරණයයි!