絞り込み条件を変更する
検索条件を絞り込む

すべてのブログから「#REM」タグの検索結果

2 件中 1 - 2 件表示
カバー画像

人生は君より大きい~R.E.Mで学ぶ比較級

Oh, life is bigger It’s bigger than you, ああ人生は大きい 君よりも大きい ーR.E.M. 「Loosing My Religion」 比較級=形容詞 / 副詞er than レッスンで英語の比較級を学習するときは、形容詞または副詞の語尾に「er」を付け、その後に「than」が続くことを説明し、さらに分かりやすい比較を用いた例文を提示します。例えば、Tokyo Skytree is taller than Tokyo Tower. (東京スカイツリーは東京タワーより高い。)あるいは、My friend runs faster than I. (彼は私より早く走る) 教えるべきは英語の比較級であり、それは形容詞/副詞er thanで表現されることに何よりもフォーカスしなければなりません。そのために、極力シンプルでわかりやすい表現を用いて伝えるわけです。R.E.M.で学ぶ比較級と銘打ちながら、彼らの名曲「Losing My Religion」冒頭の歌詞は比較級を教えるには全く向いていないかも知れません。Oh, life is bigger It’s bigger than you・・・ シンプルな文ではあります。しかし、「人生は君より大きい」とはどう言うことでしょうか? 人生と君を比較してより大きい?人生って何?君って誰? これでは肝心の比較級に意識が向きません・・・R.E.M.ってどんなバンド?R.E.M.は、1980年に結成されたアメリカのロックバンド。80年代のアメリカと言えばハードロックやヘビーメタルに代表される装飾的で華美なラブソン
0
カバー画像

フォントサイズ指定の「rem」と「%」の関係

WebサイトのCSSでフォントサイズを指定する方法はいくつかありますが、その中でもよく使われるのが rem と %(パーセント) です。どちらも「相対単位」ですが、基準が違うため仕組みを理解しておかないと意図しないサイズになることがあります。この記事では remと%の関係 を整理して解説します。まず結論:基準が違うremと%の一番大きな違いは、どこを基準にサイズを計算するかです。remHTML要素(html)のフォントサイズを基準に計算される。%親要素のフォントサイズを基準に計算される。つまり、rem = ページ全体の基準サイズ% = 親要素からの相対サイズという考え方になります。remの仕組みremは「root em」の略で、root(html)のフォントサイズを基準に計算されます。例えば、ブラウザの標準設定ではhtmlのフォントサイズ16pxになっていることが多いです。この場合1rem = 16px2rem = 32px0.5rem = 8pxという計算になります。remは 親要素の影響を受けない ため、サイト全体でサイズ管理しやすいのが特徴です。%の仕組み%は 親要素のフォントサイズを基準に計算 されます。例えば親要素font-size: 20px子要素font-size: 50%この場合50% × 20px = 10pxになります。さらに入れ子構造になると、計算がどんどん重なります。親20px子50% → 10px孫200% → 20pxこのように 階層ごとにサイズが変わる のが%の特徴です。remと%の関係実は多くのサイトでは、次のような使い方をします。htmlで%指
0
2 件中 1 - 2