CODE > CSS | ルファの備忘録

「CODE > CSS」に関する記事一覧

CSS

【レスポンシブ拡大縮小】要素の縦横比を維持するCSS

画像やブロック要素などの縦横比を固定して、レスポンシブに拡大縮小させたいです。どうすればいいでしょう?CSSの気持ちを理解したいです。
2020.05.15
CSS

レスポンシブに「改行」を制御・要素の「表示・非表示」

スマホ用・タブレット用・PC用のそれぞれで、レスポンシブに「テキストの改行<br>」と「要素の表示・非表示」をコントロールしたいです。消すか?表示するか?2つのコードは、裏と表で全く同じです。 レスポ...
2020.05.15
WordPress

「チェックマーク付きリスト」を「囲み型ショートコード」で出力

CSSで「チェックマーク付きリスト」をデザインして、WordPressの「囲み型ショートコード」で出力します。
2020.05.14
Memo

【レスポンシブ】テーブル要素とブロック要素を「横にならえ!」

レスポンシブに、tableの頑固な箱組を解体しましょう。ブラウザ幅を変更すると、ブレークポイントを境に、すべてのセルが「横にならえ!」と組かわります。リストはブロック要素なので、そのままでは縦に整列してます。これも「横...
2020.05.07
Memo

【レスポンシブ】テーブル 表の横並びを縦並びに「前にならえ!」

表の横並びを縦並びに組替します。会社概要とかお問い合わせ欄などの単純な2列表組で、よく使います。 displayプロパティは要素の表示形式です。table要素は箱型表示。block要素は縦に並び、inline要素...
2020.05.07
WordPress

【WordPress】記事内で「JavaScript」や「css」を使うには?

「簡単なJavaScript」や「ちょっとしたCSS」を記事の中で使いたいです。どうしたらいいでしょう? 外部ファイルで持つのも、プラグインを使うのも大袈裟です。
2020.05.05
タイトルとURLをコピーしました