私が初めてCSSを見たのは、とある無料ブログで、CSSファイルとHTMLファイルが別になっていました。だからそれが原則なのかなと思っていたのですが、必ずしもそういうわけではなさそうで…。 CSSの基本構造 セレクタ class セレクタ id セレクタ 外部CSS 内部C…

ブログなどを作る時は、テンプレートを使うのが楽。 でも、文字の大きさや行間を好みのものにアレンジしたい時ってあると思います。 また、適切でない文字の大きさの場合、SEOに影響することもあるとか。 そこで今回は、文字の大きさをHTMLやCSSで調整する方…

今回ご紹介するのは、ページ内で任意の場所に飛ばす方法。 すごく簡単です。 原型 例 微妙にずれてしまう場合 原型 ① <a href="#A1"> ここに文字 </a>② <div id=“A1”> ここに文字 </div> ①から②にジャンプできます。 ①と②の “” 内は同じ文字 にします。 (上ではA1にしていますが、半角文字 ならな…

今回はラインを引く話。 黄色枠の中をコピペしてHTML編集ができるシートに貼ったら、線を引くことができます。 1. style で指定 基本 太さを変える 色を変える 長さを変える 配置を変える★できない…( ﾉД`) 誰か教えてください… まとめ ２. hr タグを使う 基…

以前 こんな感じにマーカーをひきたい 時の方法をご紹介しましたが… ▶▶ HTMLで蛍光マーカーみたいに。 - CSS HTML 初心者 勉強中。 今回ご紹介するのは、このタイプ。 黄緑 黄色 水色 ピンク ふとめ黄緑 ほそめ黄緑 原型はこちら。 <span style="background: linear-gradient(transparent 太さ%, #色指定 0%);"> ここに文字 </span> カラーチャ…

「平方メートル」を変換すると、 m2［環境依存］ と表示されます。 環境依存ってことは、つまり、 ブラウザなどの環境によっては、文字化けするかもってことですよね。 ということで、今回は、上付き文字や下付き文字の表示方法について。 上付き文字 下付き…

表を作りたい。第3弾。 完全に自分が使いたいためだけ…(*´Д｀) 基本の記事はこちら 今回作りたい雛形 雛形 基本の記事はこちら HTMLで表をつくりたい。table を作ってみる。 HTMLで表をつくりたい。いろいろなパターン編。 以前アップした記事です。 今回は…