CSS

スポンサーリンク
Cocoon

【Cocoon】カスタムCSSの使用例

CocoonのカスタムCSSの使用例を紹介します。 使用例 この枠はカスタムCSSで作成しました。 実装手順 上記の表示は以下のようにして実装しました。 カスタムHTMLに <p id="test"&g...
WordPress

preタグは使いたいけど、フォントを変えたくないとき

divタグとwhite-spaceプロパティを使いましょう。そうすると、pre要素のように、ブロック要素となりスペースや改行は維持されます。 pre要素とは pre要素の特徴を3つあげます。 スペースや改行が維持ブロック...
WordPress

code要素とpre要素の違い(まとめ)| CSS

code要素とpre要素の違いに関する調査結果(Chrome, Microsoft Edge, Firefox)をまとめます。 結果として、どのブラウザにおいても、code要素とpre要素のフォントは共通で等幅フォントでした。さらに...
WordPress

code要素とpre要素の違い(Firefoxの場合)| CSS

Firefoxにおけるcode要素とpre要素の違いをF12ツールで調べました。Chrome、Edgeと同様、フォントはcodeとpreで共通でした。 Firefoxのバージョン: 69.0 それぞれのデフォルトCSS ...
WordPress

code要素とpre要素の違い(Microsoft Edgeの場合)| CSS

Microsoft Edgeにおけるcode要素とpre要素の違いをF12ツールで調べました。フォントはChromeと同様にcodeとpreで共通でした。 Microsoft Edgeのバージョン: 44.18362.267.0 ...
WordPress

code要素とpre要素の違い(Chromeの場合)| CSS

Chromeにおけるcode要素とpre要素の違いをF12ツールで調べました。 Chromeのバージョン: 76.0.3809.132 それぞれのデフォルトCSS code { font-family: mono...
WordPress

【CSS】複数記載した同じスタイルをひとまとめにする方法

この記事では、CSSにおいて、複数記載した同じスタイルをひとまとめにする方法について説明します。 先に簡単に説明します。セククタをカンマ(,)で区切って並べれば、複数記載した同じスタイルをひとまとめにできます。 ミサキ ...
WordPress

【CSS】子孫セレクタと複数クラス要素を指定するセレクタとの違い

この記事では、間違いやすいセレクタである、子孫セレクタと複数クラス要素を指定するセレクタとの違いについて説明します。 先に概要を述べます。子孫セレクタはセレクタをスペースで区切ります。一方、複数クラス要素を指定するセレクタはスペース...
WordPress

【初心者向け】CSS編集の基礎:基本的な書き方と用語 | WordPress

この記事では、CSSの基本的な書き方と少なくとも知っておきたいCSSの用語を説明します。 先に簡単に説明します。CSSでは、見た目を変えたいHTML要素をセレクタで指定し、要素のどの見た目をどう変えるのかを、プロパティと値で指定しま...
WordPress

【初心者向け】WordPressのCSS(スタイルシート)編集の基礎

この記事では、WordPressのCSS編集の基礎を説明します。 先に概要です。まず、CSSとはウェブページの見た目を整える言語のことです。そして、WordPressでは「追加CSS」と「テーマのstyle.css」でCSSの編集が...
スポンサーリンク
タイトルとURLをコピーしました