NinuWordPressNinu ṣiṣatunṣe nkan, bọtini “idinasọ ọrọ” ti o wọpọ wa ▼
Nigba lilo, o ṣe afikun kanAṣamisi lati pe diẹ ninu alaye ti a sọ tabi saami.
Kini blockquote tumọ si?
Awọn atẹle niChen WeiliangAra itọka fun awọn bulọọgi:
Aami XHTML blockquote jẹ iwulo pupọ (ti diẹ ninu awọn aibikita) eroja.Itumọ, blockquote yẹ ki o lo nigbakugba ti o ba n sọ ọrọ gigun lati orisun miiran (agbọrọsọ miiran, oju opo wẹẹbu miiran, ati bẹbẹ lọ).Eyi jẹ ọna lati fi opin si ọrọ ati ṣafihan pẹlu awọn orisun miiran.
Ara-ọlọgbọn, o le ṣe gbogbo eyi pẹlu awọn kilasi pataki lori awọn aami paragira… ṣugbọn iyẹn jẹ asan ni itumọ-ọrọ, ni bayi, yoo ṣe? Blockquotes ni diẹ ninu awọn aza nipasẹ aiyipada.
Pupọ julọ awọn aṣawakiri ṣe itọ ọrọ sinu awọn ami idii blockquote, eyiti o ṣe iranlọwọ fun awọn olumulo ṣe idanimọ ọrọ ni awọn ọna kan.Ṣugbọn tani o sọ pe a nilo lati da duro nibẹ?Eyi ni bii o ṣe le ṣe aṣa awọn ọrọ-ọrọ block rẹ pẹlu CSS.
Ṣe idanwo test-css.html ki o ṣafikun apakan css si ara 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>
Bawo ni lati lo blockquote?
A rii pe diẹ ninu awọn akori Wodupiresi ko ṣafikun awọn aza itọkasi ni faili style.css.
Daakọ ati lẹẹmọ ara igun igun buluu ti o tẹle sinu style.css faili ti akori▼
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;
}Awọn ara itọkasi pinnu ọrọ ara (iwọn, awọ), awọ abẹlẹ, aaye funfun, awọn aala, bbl
ara aala
Ara yii jẹ irọrun rọrun, iyẹn ni, ṣeto aala osi ati ṣeto sisanra.Awọ n ṣakoso awọ fonti, ati awọ abẹlẹ n ṣakoso awọ abẹlẹ (tabi ẹgbẹ isale taara).
Ala n ṣakoso aaye si ipin window, apa osi ti aala n ṣakoso ara aala osi, ati padding (paapaa apa osi ti padding osi) n ṣakoso aaye lati ọrọ si aala (osi).
Ara yii rọrun bi bulọọgi ti o rọrun.
Daakọ ati lẹẹmọ ara isale ofeefee atẹle sinu faili style.css ti akori▼
blockquote { margin: 1em 3em; padding: .5em 1em; border-left: 5px solid #fce27c; background-color: #f6ebc1; } blockquote p { margin: 0; }
- Awọn loke ni o wa 2 blockquote aza.
- Ṣafikun ọpọlọpọ awọn aza kanna ni yoo kọkọ.
- Nitorinaa, jọwọ yan ọkan ninu wọn ki o ṣafikun si faili style.css akori naa.
Ireti Chen Weiliang Blog ( https://www.chenweiliang.com/ ) pín "Bawo ni lati lo blockquote? HTML ninu ipa demo tag blockquote, lati ṣe iranlọwọ fun ọ.
Kaabo lati pin ọna asopọ ti nkan yii:https://www.chenweiliang.com/cwl-2123.html
Kaabọ si ikanni Telegram ti bulọọgi Chen Weiliang lati gba awọn imudojuiwọn tuntun!
📚 Itọsọna yii ni iye nla, 🌟Eyi jẹ aye to ṣọwọn, maṣe padanu rẹ! ⏰⌛💨
Pin ati fẹran ti o ba fẹ!
Pinpin rẹ ati awọn ayanfẹ jẹ iwuri wa lemọlemọfún!