CSS前端
2026 年，现代 CSS 入门指南
2026-06-20·8 min read
Container Queries、CSS Nesting、View Transitions… 浏览器原生提供的新功能，正在改变前端开发的格局。
[{"name":"一番の宝物 (Original Version)","artist":"karuta","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=471987","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951170245717432","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=471987"},{"name":"君の知らない物語","artist":"supercell","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=399367218","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951170609878477","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=399367218"},{"name":"鳥の詩","artist":"Lia","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=28151022","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951170627348480","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=28151022"},{"name":"My Soul, Your Beats!","artist":"Lia","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=471795","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951170245717432","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=471795"},{"name":"You","artist":"雪野五月","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=672188","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951170965288168","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=672188"},{"name":"美しきもの","artist":"Sound Horizon","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=22782025","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951172809489951","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=22782025"},{"name":"風になる","artist":"つじあやの","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=643034","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951164514817375","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=643034"},{"name":"夕顔","artist":"能登麻美子","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=624670","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951163351580462","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=624670"},{"name":"暁の車","artist":"FictionJunction/南里侑香","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=724495","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=5796625301669273","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=724495"},{"name":"水の証","artist":"FictionJunction","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=22750784","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951170423352380","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=22750784"},{"name":"焔の扉","artist":"FictionJunction","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=724424","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=2286984185841258","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=724424"},{"name":"One more time, One more chance","artist":"山崎まさよし","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=540968","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=853221023154280","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=540968"},{"name":"Dearest","artist":"浜崎あゆみ","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=22737855","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=18590542604221886","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=22737855"},{"name":"時代を超える想い2","artist":"和田薫","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=541131","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=19227159834932766","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=541131"},{"name":"いつも何度でも","artist":"伊藤サチコ","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=584155","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951163028865726","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=584155"},{"name":"六等星の夜 (from Live at anywhere)","artist":"Aimer","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=27979419","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951167953882010","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=27979419"},{"name":"Rolling star","artist":"YUI","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=26082104","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951167932293903","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=26082104"},{"name":"逆さまの蝶","artist":"SNoW","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=643982","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951167807558932","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=643982"},{"name":"again 〜YUI Acoustic Version〜","artist":"YUI","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=668472","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951166200143533","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=668472"},{"name":"This game","artist":"鈴木このみ","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=28563214","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951171350904919","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=28563214"},{"name":"青い栞","artist":"Galileo Galilei","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=417613399","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951166201905848","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=417613399"},{"name":"secret base ~君がくれたもの~ (10 years after Ver.)","artist":"茅野愛衣/戸松遥/早見沙織","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=33911781","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951166198069948","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=33911781"},{"name":"only my railgun","artist":"fripSide","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=725692","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951171943110642","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=725692"},{"name":"Brave Song","artist":"多田葵","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=28699611","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951170245639428","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=28699611"},{"name":"だんご大家族","artist":"茶太","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=760533","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951170852620291","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=760533"},{"name":"時を刻む唄","artist":"Lia","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=608667","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951170852750420","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=608667"},{"name":"小さな手のひら","artist":"riya","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=22707009","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951171268737495","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=22707009"},{"name":"brave heart","artist":"宮崎歩","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=4940927","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=2321069046256264","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=4940927"},{"name":"もののけ姫 ヴォーカル","artist":"米良美一","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=444773","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951164728014642","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=444773"},{"name":"きみにとどけ","artist":"谷澤智文","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=528047","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951169448548552","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=528047"},{"name":"奏 (かなで)","artist":"雨宮天","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=28563201","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=5986840813486821","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=28563201"},{"name":"オレンジ (Acoustic Ver.)","artist":"seven oops","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=30569513","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=2537672839932536","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=30569513"},{"name":"ガーネット","artist":"奥華子","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=26529930","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951163596967778","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=26529930"},{"name":"残酷な天使のテーゼ","artist":"高橋洋子","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=657666","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951172618401349","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=657666"},{"name":"翼をください (アルバム・バージョン)","artist":"赤い鳥","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=22783327","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951165335173067","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=22783327"},{"name":"Komm, süsser Tod ／甘き死よ、来たれ (M-10 Director’s Edit. Version)","artist":"arianne schreiber","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=1483488615","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951165354042987","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=1483488615"},{"name":"Komm, susser Tod／甘き死よ、来たれ","artist":"arianne schreiber","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=31365696","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=2888417046405770","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=31365696"},{"name":"今日の日はさようなら","artist":"林原めぐみ","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=1483490495","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951165354042987","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=1483490495"},{"name":"Sincerely","artist":"TRUE","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=534065323","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951168980496900","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=534065323"},{"name":"光るなら","artist":"Goose house","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=29732992","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951166200199773","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=29732992"},{"name":"恋愛サーキュレーション","artist":"花澤香菜","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=461011","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951166198077552","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=461011"},{"name":"二言目","artist":"斎藤千和","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=460638","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951165559310541","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=460638"},{"name":"白金ディスコ","artist":"井口裕香","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=399367220","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951170609878477","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=399367220"},{"name":"カントリー・ロード","artist":"本名陽子","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=27676373","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951164728042006","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=27676373"},{"name":"Wind","artist":"Akeboshi","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=784599","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951171881580142","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=784599"},{"name":"in the garden of sinners","artist":"梶浦由記","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=590464","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951171371820441","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=590464"},{"name":"M01","artist":"梶浦由記","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=591797","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=3191882255508479","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=591797"},{"name":"君が光に変えて行く 〜 acoustic ver.","artist":"Kalafina","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=22682825","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951171371905183","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=22682825"},{"name":"Sis puella magica!","artist":"梶浦由記","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=496902072","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=109951167991723578","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=496902072"},{"name":"Hello,shooting-star","artist":"moumoon","url":"https://api.injahow.cn/meting/?server=netease&type=url&id=30251429","pic":"https://api.injahow.cn/meting/?server=netease&type=pic&id=18755469348405559","lrc":"https://api.injahow.cn/meting/?server=netease&type=lrc&id=30251429"}]
🎉 博客已全新改版！欢迎体验新设计📝 前端周刊连载中 — 每周一更新🌟 基于 Astro + Tailwind CSS 构建的个人博客
2026-06-15·6 min read
2026-06-10·5 min read
2026-06-05·4 min read
2026-05-28·10 min read
2026-05-20·7 min read