初心者目線のhtmlとCSS

今更のことで申し訳がないような感じなのですが・・

既に知識のある方がたまたまここを見ている場合はスルーして頂きたいようなお話です。

私と同じ様に初心者でHPを作ってみたい人に向けて。

今までのネット生活、無料ブログが大半だったせいもあり

まともなHPって作ったことがなかったので

一度はチャレンジしてみたくて、なんか少し最近になってやってみたのですが

その時はたまたま「やってみました」でしたが、折角なので時々やる気がある時にでも

少しずつやっていくことにしました。





すごく分かりやすいサイトを発見したので、このサイト様のおかげです。覚書します。

http://html-css.aimary.com/

↑ こちらのHP,なんと10年ちかくも前の様ですが、ここが一番わかり易いです。↑

ここで分かったこと。

今までHTMLとCSSが一体どうやって繋がっているのかすらも

訳が分からなかったのですが、(※ 以下、やり方が分からないのですが

WEBで表示される様に、<>を 半角ではなく全角にしています)

<link rel=stylesheet type=”text/css” href=”style.css”>

というタグをhtmlファイルの<head>と</head>の間に貼り付けておく(コピペなので・・)と、

CSS の情報を反映させることが出来るという事が分かりました。

あと、個人的にとても気になるのがフォントだったりしますが

メイリオのフォントにしたいので、以下にしました。↓

(style.cssというファイルの中に貼り付けました。↓)

シンプルな方法

body{
font-family: “Meiryo”, sans-serif;
}

又は、

body{
font-family:’メイリオ’, Meiryo, ‘ヒラギノ角ゴ Pro W3’, ‘Hiragino Kaku Gothic Pro’, sans-serif !important;
}

先ず、今日はここまで・・。初心者目線のHTMLとCSSでした。

ここまで読んで頂きありがとうございました。

何か少しでも参考になれば幸いです。

良かったら気が向いた時にでもまた覗いてやってくださいませ。

参考:

http://html-css.aimary.com/stylesheet/css_class.php
https://www.tagindex.com/stylesheet/link/color.html
フォントファミリーの指定/コピペできる
https://ameblo.jp/amecafe2011/entry-11220216419.html

シェアする

  • このエントリーをはてなブックマークに追加

フォローする