# 求助css的写法

**URL:** <https://forum.freemdict.com/t/topic/3133>\
**Category:** 词典装饰排版交流分享\
**Created:** [2020 年9 月 1 日 06:37 UTC](https://forum.freemdict.com/t/topic/3133 "2020-09-01T06:37:11Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

作者： ![huamaofan](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/h/b9e5f3/32.png) [@huamaofan](https://forum.freemdict.com/u/huamaofan)\
发布日期： [2020 年9 月 1 日 06:37 UTC](https://forum.freemdict.com/t/topic/3133/1 "2020-09-01T06:37:11Z")

</div>

大神们好！

我手工入了一些文本资料，格式如下：

### 【あまり】

話しことばで強めるときには「あんまり」となる。 **1**** あまり／あんまり…ない **あまりNaではない あまりA－くない あまりV－ない①今はあまりおなかがすいていないので、ケーキはいりません。②弟はあまり背が高くないので、女の子にもてない。③このごろあんまり映画を見ていない。④けさはあまりごはんを食べなかった。⑤今日はあんまりお金がないので、CDを買うのは今度にしよう。●後ろに否定の表現を伴って、程度が高くないことを表す。動詞に付く場合は、頻度が高くないことや量が多くないことを表す。** 2 ****あまり／あんまり** a あまりに（も） あんまり（にも）①あまりにおかしくて涙が出た。②ゆったりしたシャツは好きだが、これはあまりにも大きすぎる。③ここのカレーはあまりにまずくて、とても食べられたものではない。④その人の申し出はあまりにも急な話だったので、すぐにOKするのはためらわれた。⑤彼があまりに僕の失敗を笑うから、だんだん腹が立ってきてなぐってしまった。●形容詞に付くのがふつうだが⑤のように動詞に付くこともある。形容詞や動詞の表す程度が常識から考えて激しすぎることを表す。非難・マイナスの気持ちを表すことが多い。「…すぎる」が続くことも多い。また、後ろに「…て／ので／から」を伴って、程度が高すぎることから必然的に起こることがらや、そこから引き出される判断・結果などを述べることも多い。b あまりのN に／で ①あまりの驚きに声も出なかった。②海水浴に行ったが、あまりの人出でぐったり疲れてしまった。③あまりの問題の複雑さに、解決策を考える気力もわかない。④あまりの忙しさに、とうとう彼は体をこわして入院するはめになってしまった。●程度の意味を含む名詞に付いて、「その程度が高すぎるために」という意味を表す。後半にはそれが原因で必然的に起こる結果を述べる表現が続く。（誤）あまりの宿題に頭が痛くなった。（正）あまりの宿題の多さに頭が痛くなった。c あまりに（も）…と あんまり（にも）…と ①あまりボリュームを上げると隣の人が文句を言いに来るから気をつけてね。②あまりに安いとかえって心配だ。③大きいバッグは便利だけど、あまりにも大きいと、中身をたくさん入れすぎて重くなって持ち歩くのがいやになるから、適当な大きさにした方がいいだろう。●程度が高すぎることを述べる。後半にはそこから必然的に起こる結果を述べる表現が続く。d …あまり（に）Nのあまり（に） V－るあまり（に）①母は悲しみのあまり、病の床に就いてしまった。②彼は驚きのあまりに、手に持っていたカップを落としてしまった。③忙しさのあまり、友達に電話をしなければならないのをすっかり忘れていた。④子供のことを心配するあまり、つい下宿に電話しては嫌がられてしまう。⑤何とか逆転しようと焦るあまり、かえってミスをたくさん犯してしまった。⑥彼女は彼のことを想うあまりに自分のことを犠牲にしてしまっている。●感情や状態を表す名詞や動詞に付いて、その程度が極端であることを表し、後半ではそのために起こってしまった良くない結果を述べる。 **3**** 数量詞＋あまり **①その会の出席者は100名あまりだった。②そこから5キロあまりの道のりを歩くだけの元気は残っていなかった。③事故発生から2カ月あまりが経って、ようやく原因が突き止められた。その数よりもいくらか多いことを表す。厳密な数には付かない。書きことば的。（誤）ベーコンを235グラムあまり買った。（正）ベーコンを200グラムあまり買った。** 4 ****…なんてあんまりだ** →【あんまり】3

### 【あらためる】

**R**  **－あらためる** ①この文章の内容を子供向けに書き改めてくださいませんか。②その泥棒は自分のしたことを悔い改めて、まともな仕事についた。動詞の連用形に付くが、付く動詞は限られている。●元のものの欠点を直して、一から新しいものに変えることを表す。

### 【あるいは】

書きことば的な表現。あらたまった話しことばでも使われる。 **1**** あるいは **a N（か）あるいはN①黒あるいは青のペンで記入してください。②欠席する場合には、口頭かあるいは書面で届け出ること。③このクラブの施設は、会員あるいはその家族に限り、使用することができます。④応募は、25歳以上、あるいは20歳以上で、職業をお持ちの方に限ります。⑤被害者は、包丁あるいは登山ナイフのようなもので殺害されたらしい。●「X（か）あるいはY」の形で使われて、「XかYのどちらか」という意味を表す。①②のように、「XでもYでもよいが、どちらか一方を選びなさい」という指示を与える場合によく使われる。また、③④のように条件を示す場合に使われて、「XかYのどちらかに当てはまればよい」という場合に使う。④の場合、XでもYでも、XY両方の条件に当てはまっていてもかまわない。⑤は、「XY二つの可能性があって、どちらかわからない」というような場合によく使われる。 似た表現に「XかY」「XまたはY」「XもしくはY」がある。日常の話しことばでは「XかY」が、よく使われる。b …か、あるいは ①申し込み書類は、郵送するかあるいは事務所まで持参してください。②A：福岡へは、どうやって行ったらいいですかね。B：そうですね。新幹線で行くか、あるいは飛行機で行くか、でしょうね。③社会人大学院に入学するためには、定職についているか、あるいは25歳以上であることが条件である。④就職しようか、あるいは進学しようかと迷っている。⑤A：被害者は、犯人は知らない男だと言っています。B：本当に知らないか、あるいは知らないふりをしているか、どちらかだな。⑥景気は数年で回復するのか、あるいは何十年もかかるのか、まったく予想できない。●「XかあるいはY」の形で使われて、「XかYのどちらか」という意味を表す。①②は、「XでもYでもよいが、どちらか一方を選ぶ」場合の例。③は、「XかYのどちらかの条件に当てはまれば、どちらでもよい」という場合で、XY両方に当てはまっていてもかまわない。④～⑥は、「XY二つの可能性があって、どちらかわからない」場合の例である。** 2 ****あるいは…かもしれない** ①このぶんでは、明日はあるいは雪かもしれない。②彼の言うことは、あるいは本当かもしれない。③これで、手術は三度目だが、今回はあるいはだめかもしれない。④もう何年も国には帰っていない。両親でも生きていれば、あるいは帰りたいと思ったかもしれないが、知った人もほとんどいない今は、特になつかしいとも思わない。●「あるいは…かもしれない」の形で使われて、話し手の推量を表す。「その可能性がある」という意味。似た表現に「ひょっとすると」「もしかすると」がある。「あるいは…のだろう」「あるいは…と思われる」など、話し手の推量を表す他の表現とともに使われることもある。 **3**** あるいは…あるいは** ①高校を卒業した学生たちは、あるいは進学し、あるいは就職し、それぞれの進路を歩み始める。②美しかった街路樹も、あるいは横倒しになり、あるいは途中から二つに折れて、台風の威力のすさまじさを物語っている。③風の音は、あるいは泣くが如く、あるいは呻くが如く、高く低く、一晩中谷間に響いた。●複数の状況を述べるのに用いる。①②のように、「あるいは…し、あるいは…し」の形で使われて、「あるものは…、あるものは…」というように、複数のもののそれぞれの行動や状態を並べて述べる場合に使う。③は、「ある時は…、ある時は…」の意味。書きことばに使われるかたい表現で、日常の話しことばでは使わない。

### 【あるまじき…だ】

**N**  **にあるまじきN**  **だ** ①業者から金品を受け取るなど公務員にあるまじきことだ。②酒を飲んで車を運転するなど警察官にあるまじき行為だ。③「胎児は人間じゃない」などとは、聖職者にあるまじき発言である。●職業や地位を表す名詞を受けて「…にあってはならないものである」という意味を表す。後ろには「こと」「行為」「発言」「態度」などの名詞が用いられて、ある人の言動が「Nに」で表されたその人の資格・地位・立場にふさわしくないことを非難する場合に用いる。書きことば的なかたい表現。

现在我想把这个文本转换成mdx，想通过css来控制换行以及词头、下位分类、例句、解释的颜色，请问这些元素可以用css实现吗？  
文本的特征如下：  
【あるまじき…だ】：词头  
**N**  **にあるまじきN**  **だ** ： 该语法的构造  
①： 例句  
●后面的部分： 解释  
→【あんまり】：为超链接

不知道这种可否用css实现，请大神们不吝赐教，谢谢！

---

<div class="post-metadata">

作者： ![hua](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/hua/32/11090_2.png) [@hua](https://forum.freemdict.com/u/hua)\
发布日期： [2020 年9 月 1 日 06:44 UTC](https://forum.freemdict.com/t/topic/3133/2 "2020-09-01T06:44:18Z")

</div>

> **[CSS 教程 | 菜鸟教程](https://www.runoob.com/css/css-tutorial.html)**
>
> CSS 教程 CSS (Cascading Style Sheets，层叠样式表），是一种用来为结构化文档（如 HTML 文档或 XML 应用）添加样式（字体、间距和颜色等）的计算机语言，CSS 文件扩展名为 .css。 通过使用 CSS 我们可以大大提升网页开发的工作效率！ 在我们的 CSS 教程中，您会学到如何使用 CSS 同时控制多重网页的样式和布局。 CSS3 现在已被大部分现代浏览器支持，而下一版的 CSS4 仍在开发..

可以先看一下这个，css 能不能控制对应的样式，关键在于 你的文档 里面有没有对应的标签。

---

<div class="post-metadata">

作者： ![huamaofan](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/h/b9e5f3/32.png) [@huamaofan](https://forum.freemdict.com/u/huamaofan)\
发布日期： [2020 年9 月 1 日 07:33 UTC](https://forum.freemdict.com/t/topic/3133/3 "2020-09-01T07:33:12Z")

</div>

谢谢花大！

文档里没有啥标签，只有空格和黑体这种 🤣

---

<div class="post-metadata">

作者： ![hua](https://forumcdn.freemdict.com/user_avatar/forum.freemdict.com/hua/32/11090_2.png) [@hua](https://forum.freemdict.com/u/hua)\
发布日期： [2020 年9 月 1 日 07:38 UTC](https://forum.freemdict.com/t/topic/3133/4 "2020-09-01T07:38:29Z")

</div>

那样的话，CSS 是无能为力的。你只能想办法找规律，在原文档里面 **加上标签** 。这样的话 CSS 才可以有作用。

比如说：  
你词头的规律是，【】，  
该语法的构造 的规律是 黑体

例句的规律是，③ 这种数字开头，句号结尾。  
等等。

但是囿于原文档没有标签，通过规律我们能加上，但是准确率不是百分之百。

---

<div class="post-metadata">

作者： ![huamaofan](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/h/b9e5f3/32.png) [@huamaofan](https://forum.freemdict.com/u/huamaofan)\
发布日期： [2020 年9 月 1 日 08:08 UTC](https://forum.freemdict.com/t/topic/3133/5 "2020-09-01T08:08:00Z")

</div>

谢谢hua大指点。

我试试看。

---

<div class="post-metadata">

作者： ![endnote](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/e/9de0a6/32.png) [@endnote](https://forum.freemdict.com/u/endnote)\
发布日期： [2020 年9 月 1 日 09:26 UTC](https://forum.freemdict.com/t/topic/3133/6 "2020-09-01T09:26:29Z")

</div>

从 txt 文本从无到有构造 css 并非易事，也得需要一些基本的HTML知识，比如div另起一行，span继续在行内等。

我也刚刚起步，在看Head First HTML and CSS, 2nd edition 这本书。  
建议除hua兄推荐的网页外，可MdxExport解开一个mdx，任选一个词条，看看其中某个标签和相对应的css是如何起作用的。能照猫画虎甚至照搬照抄就更好了。  
比如

> [@\[已结束测试\]新世纪日汉双解大辞典讨论](https://forum.freemdict.com/t/topic/1279):
>
> 来源说明： [源头](https://forum.freemdict.com/t/topic/111) → [小修订](https://forum.freemdict.com/t/topic/955) → 目前这个 技术测试结束 技术测试结束

---

<div class="post-metadata">

作者： ![huamaofan](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/h/b9e5f3/32.png) [@huamaofan](https://forum.freemdict.com/u/huamaofan)\
发布日期： [2020 年9 月 1 日 11:50 UTC](https://forum.freemdict.com/t/topic/3133/7 "2020-09-01T11:50:58Z")

</div>

感谢您的指导！

我去好好学习一下！

---

<div class="post-metadata">

作者： ![mdict6](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/m/8491ac/32.png) [@mdict6](https://forum.freemdict.com/u/mdict6)\
发布日期： [2022 年8 月 22 日 13:41 UTC](https://forum.freemdict.com/t/topic/3133/8 "2022-08-22T13:41:41Z")

</div>

[Head First HTML with CSS and XHTML (E… (z-lib.org).azw3](https://forum.freemdict.com/uploads/short-url/cUAEfi3olVjAjm9s0m5HqwBJlPZ.azw3) (15.5 MB)

[Head First HTML with CSS and XHTML (E… (z-lib.org).epub](https://forum.freemdict.com/uploads/short-url/3JycneC2wSao5cdpzGsXPMwnaWr.epub) (13.8 MB)
