Mokhoa oa ho sebelisa blockquote? HTML blockquote tag demo effect

HoWordpressHa ho hlophisoa sengoloa, ho na le konopo e tloaelehileng ea "block quote"▼

Mokhoa oa ho sebelisa blockquote? HTML blockquote tag demo effect

Ha e sebelisoa, e eketsa aLesupa ho sebelisa polelo e qotsitsoeng kapa ho totobatsa.

Blockquote e bolela'ng?

Se latelang keChen WeiliangMokhoa oa ho qotsa li-blogs:

Letšoao la XHTML la blockquote ke ntho ea bohlokoa haholo (haeba e sa sebelisoe hantle).Semantic, blockquote e lokela ho sebelisoa neng kapa neng ha u qotsa mongolo o molelele ho tsoa mohloling o mong (sebui se seng, sebaka sa marang-rang se seng, joalo-joalo).Ona ke mokhoa oa ho fokotsa mongolo le ho o hlahisa le mehloli e meng.
Ho latela setaele, o ka etsa tsena tsohle ka litlelase tse khethehileng ho li-tag tsa lirapa ... empa seo ha se na thuso, joale, na ho ka ba joalo? Li-blockquotes li na le mefuta e meng ka ho sa feleng.
Li-browser tse ngata li kenya mongolo ho li-tag tsa blockquote, tse thusang basebelisi ho tseba mongolo ka tsela e itseng.Empa ke mang ea ka reng re hloka ho emisa moo?Mona ke mokhoa oa ho seta li-blockquotes tsa hau ka CSS.

Lekola test-css.html 'me u kenye karolo ea css 'meleng oa 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>

Mokhoa oa ho sebelisa blockquote?

Ho fumanoe hore lihlooho tse ling tsa WordPress ha li kenye mekhoa ea litšupiso ho file style.css.

Kopitsa le ho manamisa bokamorao bo boputsoa ba setaele se chitja sekhutlong ho file style.css ea theme▼

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;
}

Mekhoa ea litšupiso e khetholla mongolo oa 'mele (boholo, mmala), bokamorao ba 'mala, sebaka se sesoeu, meeli, joalo-joalo...

mokhoa oa moeli

Mokhoa ona o batla o le bonolo, ke hore, beha moeli o ka letsohong le letšehali mme o behe botenya.Mmala o laola mmala wa fonte, mme bokamorao bo laola mmala wa bokamorao (kapa sehlopha se otlolohileng sa bokamorao).

Lekhalo le laola sebaka sa karolo ea fensetere, lehlakore le letšehali la moeli le laola mokhoa o ka letsohong le letšehali, 'me padding (haholo-holo ka lehlakoreng le letšehali la padding e ka letsohong le letšehali) e laola sebaka ho tloha ho mongolo ho ea moeling (ka ho le letšehali).

Mokhoa ona o bonolo joalo ka blog e bonolo.

Kopitsa le ho manamisa mokhoa o latelang o mosehla faeleng ea style.css ea theme▼

blockquote {
margin: 1em 3em;
padding: .5em 1em;
border-left: 5px solid #fce27c;
background-color: #f6ebc1; }
blockquote p {
margin: 0; }
  • Tse ka holimo ke mefuta e 2 ea li-blockquote.
  • Ho eketsa mefuta e mengata e ts'oanang ho tla ngoloa.
  • Kahoo, ka kopo khetha e 'ngoe ea tsona 'me u e kenye faeleng ea theme's style.css.

Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) o ile a arolelana "U ka sebelisa blockquote joang? HTML ho blockquote tag demo effect, ho u thusa.

Rea u amohela ho arolelana sehokelo sa sengoloa sena:https://www.chenweiliang.com/cwl-2123.html

Rea u amohela ho mocha oa Telegraph oa blog ea Chen Weiliang ho fumana lintlha tsa morao-rao!

🔔 Eba oa pele oa ho fumana Tataiso ea Tšebeliso ea "ChatGPT Content Marketing AI" ea bohlokoa bukeng ea holimo ea seteishene! 🌟
📚 Tataiso ena e na le boleng bo boholo, 🌟Ona ke monyetla o sa tloaelehang, se ke oa o fetoa! ⏰⌛💨
Share le rata haeba u rata!
Ho arolelana le lintho tseo u li ratang ke khothatso ea rona e tsoelang pele!

 

Comments

Aterese ea hau ea lengolo tsoibila e ke ke ea phatlalatsoa. Ho sebelisoa masimo a hlokahalang * Letšoao

tsamaisetsa hodimo