Bab ini akan memperkenalkan kepada anda Cara menetapkan kesan amplifikasi perkataan pertama dalam CSS Ia mempunyai nilai rujukan tertentu. Rakan yang memerlukan saya harap ia dapat membantu anda.
Dalam banyak artikel, terdapat kesan membesarkan perkataan pertama, dan kesan ini juga boleh dicapai dalam CSS.
Kesan ini dicapai dengan menetapkan tetapan berasingan untuk perkataan pertama dalam CSS.
<html>
<head>
<title>首字放大</title>
<style>
body{
background-color:black;
}
p{
font-size:15px;
color:white;
}
p span{
font-size:60px;
float:left;
padding-right:5px;
font-weight:bold;
font-family:黑体;
color:yellow;
}
</style>
</head>
<body>
<p><span>中</span>秋节是远古天象崇拜——敬月习俗的遗痕。据《周礼.春官》记载，周代已有“中秋夜迎寒”、“中秋献良裘”、“中秋夕月（拜月）”的活动；汉代，又在中秋或立秋之日敬老、养老，赐以雄粗饼。晋时亦有中秋赏月之举，不过不太普遍；直到唐代将中秋与嫦娥奔月、吴刚伐桂、玉兔捣药、杨贵妃变月神、唐明皇游月宫等神话故事结合起，使之充满浪漫色彩，玩月之风方才大兴。</p>
<p>北宋，正式定八月十五为中秋节，并出现“小饼如嚼月，中有酥如饴”的节令食品。孟元老《东京梦华录》说：“中秋夜，贵家结饰台榭，民间争占酒楼玩月”；而且“弦重鼎沸，近内延居民，深夜逢闻笙语之声，宛如云外。间里儿童，连宵婚戏；夜市骈阗，至于通晓。”吴自牧《梦梁录》说“此际金风荐爽，玉露生凉，丹桂香飘，银蟾光满。王孙公子，富家巨室，莫不登危楼，临轩玩月，或开广榭，玳筳罗列，琴瑟铿锵，酌酒高歌，以卜竟夕之欢。”</p>
</body>
</html>Kod adalah seperti di atas, terutamanya melalui apungan dan kawalan kejatuhan perkataan pertama dan menggunakan tanda perkataan untuk mencapai tujuan paparan.
Dalam CSS, anda juga boleh mengawal huruf pertama perenggan dengan menetapkan huruf pertama pseudo-kategori, dan anda juga boleh mencapai kesan membesarkan huruf pertama pspan kod di atas kepada p:huruf pertama.
<html>
<head>
<title>首字放大</title>
<style>
body{
background-color:black;
}
p{
font-size:15px;
color:white;
}
p:first-letter{
font-size:60px;
float:left;
padding-right:5px;
font-weight:bold;
font-family:黑体;
color:yellow;
}
</style>
</head>
<body>
<p><span>中</span>秋节是远古天象崇拜——敬月习俗的遗痕。据《周礼.春官》记载，周代已有“中秋夜迎寒”、“中秋献良裘”、“中秋夕月（拜月）”的活动；汉代，又在中秋或立秋之日敬老、养老，赐以雄粗饼。晋时亦有中秋赏月之举，不过不太普遍；直到唐代将中秋与嫦娥奔月、吴刚伐桂、玉兔捣药、杨贵妃变月神、唐明皇游月宫等神话故事结合起，使之充满浪漫色彩，玩月之风方才大兴。</p>
<p>北宋，正式定八月十五为中秋节，并出现“小饼如嚼月，中有酥如饴”的节令食品。孟元老《东京梦华录》说：“中秋夜，贵家结饰台榭，民间争占酒楼玩月”；而且“弦重鼎沸，近内延居民，深夜逢闻笙语之声，宛如云外。间里儿童，连宵婚戏；夜市骈阗，至于通晓。”吴自牧《梦梁录》说“此际金风荐爽，玉露生凉，丹桂香飘，银蟾光满。王孙公子，富家巨室，莫不登危楼，临轩玩月，或开广榭，玳筳罗列，琴瑟铿锵，酌酒高歌，以卜竟夕之欢。”</p>
</body>
</html>Walau bagaimanapun, teks dengan set atribut ini tidak menyokong beberapa gaya CSS lain dengan baik, jadi kaedah ini tidak disyorkan.
Selain huruf pertama, baris pertama kategori pseudo boleh menetapkan gaya baris pertama dalam elemen dan menambah baris kod pada kod di atas.
<html>
<head>
<title>首字放大</title>
<style>
body{
background-color:black;
}
p{
font-size:15px;
color:white;
}
p:first-letter{
font-size:60px;
float:left;
padding-right:5px;
font-weight:bold;
font-family:黑体;
color:yellow;
}
p:first-line{
text-decoration:underline;
}
</style>
</head>
<body>
<p><span>中</span>秋节是远古天象崇拜——敬月习俗的遗痕。据《周礼.春官》记载，周代已有“中秋夜迎寒”、“中秋献良裘”、“中秋夕月（拜月）”的活动；汉代，又在中秋或立秋之日敬老、养老，赐以雄粗饼。晋时亦有中秋赏月之举，不过不太普遍；直到唐代将中秋与嫦娥奔月、吴刚伐桂、玉兔捣药、杨贵妃变月神、唐明皇游月宫等神话故事结合起，使之充满浪漫色彩，玩月之风方才大兴。</p>
<p>北宋，正式定八月十五为中秋节，并出现“小饼如嚼月，中有酥如饴”的节令食品。孟元老《东京梦华录》说：“中秋夜，贵家结饰台榭，民间争占酒楼玩月”；而且“弦重鼎沸，近内延居民，深夜逢闻笙语之声，宛如云外。间里儿童，连宵婚戏；夜市骈阗，至于通晓。”吴自牧《梦梁录》说“此际金风荐爽，玉露生凉，丹桂香飘，银蟾光满。王孙公子，富家巨室，莫不登危楼，临轩玩月，或开广榭，玳筳罗列，琴瑟铿锵，酌酒高歌，以卜竟夕之欢。”</p>
</body>
</html>
</span>Seperti yang anda lihat, baris pertama teks dalam setiap perenggan digariskan Selain itu, terdapat banyak cara khusus untuk menggunakan pseudo-categories dalam atribut CSS.
Perjalanan pemula ' s untuk melancarkan laman webApr 18, 2025 am 10:20 AMPada bulan September 2018, saya hanya beberapa bulan dalam perjalanan pembelajaran pembangunan web saya. Seperti yang saya pasti akan berlaku dengan banyak pemaju baru, itu adalah tugas besar
Semua petua dan cara baru ES2019Apr 18, 2025 am 10:19 AMStandard ECMAScript telah dikemas kini lagi dengan penambahan ciri -ciri baru dalam ES2019. Kini tersedia secara rasmi di Node, Chrome, Firefox, dan Safari
Pengewangan tapak dengan gegelung (dan mengeluarkan iklan untuk penyokong)Apr 18, 2025 am 10:13 AMSaya ' telah mencuba beberapa laman web berdasarkan "tip dengan micropayments" pada masa lalu. Mereka datang dan pergi. Itu ' s baik -baik saja. Dari perspektif penerbit, ia ' s
Iframes responsifApr 18, 2025 am 10:10 AMIni semua perkara yang perlu anda lakukan untuk membuat responsif iframe di laman web. Ia lebih rumit daripada yang kelihatan dan CSS pasti terlibat.
Perspektif yang berbeza mengenai CSS-in-JSApr 18, 2025 am 10:07 AMSesetengah orang membenci idea CSS-in-JS. Hanya nama itu menyinggung perasaan. Tidak sukar. Styling tidak tergolong dalam JavaScript, ia tergolong dalam CSS, satu perkara yang
Bagaimana Google PagesPeed berfungsi: Meningkatkan Skor dan Ranking Enjin Carian AndaApr 18, 2025 am 10:03 AMDalam artikel ini, kami mendedahkan bagaimana PageSpeed mengira skor kelajuan kritikal. Bukan rahsia lagi bahawa kelajuan telah menjadi faktor penting dalam meningkatkan pendapatan dan menurunkan kadar pengabaian. Sekarang Google menggunakan kelajuan halaman sebagai faktor ranking, banyak orga
Membuat kesan kaca yang realistik dengan SVGApr 18, 2025 am 10:01 AMSaya suka dengan SVG. Pasti, kod itu boleh kelihatan padat dan sukar pada mulanya, tetapi anda akan melihat keindahan dalam hasil apabila anda dapat mengenalinya. Bonus adalah
Berita Platform Mingguan: Mencegah Beban Imej Dengan Elemen Gambar, Web yang Kami Mahu, Gaya SVG Tidak DilancarkanApr 18, 2025 am 09:57 AMPada minggu ini, minggu ini berita pelayar, helah untuk memuatkan imej menggunakan elemen gambar, peluang anda untuk memberitahu vendor Bowser mengenai
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
AI Hentai Generator
Menjana ai hentai secara percuma.
Artikel Panas
Alat panas
MinGW - GNU Minimalis untuk Windows
Projek ini dalam proses untuk dipindahkan ke osdn.net/projects/mingw, anda boleh terus mengikuti kami di sana. MinGW: Port Windows asli bagi GNU Compiler Collection (GCC), perpustakaan import yang boleh diedarkan secara bebas dan fail pengepala untuk membina aplikasi Windows asli termasuk sambungan kepada masa jalan MSVC untuk menyokong fungsi C99. Semua perisian MinGW boleh dijalankan pada platform Windows 64-bit.
SublimeText3 versi Inggeris
Disyorkan: Versi Win, menyokong gesaan kod!
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Penyesuai Pelayan SAP NetWeaver untuk Eclipse
Integrasikan Eclipse dengan pelayan aplikasi SAP NetWeaver.
PhpStorm versi Mac
Alat pembangunan bersepadu PHP profesional terkini (2018.2.1).
