CSSを外部ファイルに記述
私のブログはとにかくCSSの基本になれるための練習をしてます。
今回参考にさせて頂いたサイトはこちらです。
「はてなブログ」のCSS設定を外部ファイル化して編集を楽ちんにする方法
下の見出し２つあるんですが同じコード書いても赤くならない・・・。
〇< style type="text/css">//〇は空白を意味
h1{color:red}
< /style>
見出し
見出し
副産物もありましたが、とりあえず外部から読み込むことに成功しました～前回の続き cssの読み込み
私のブログはとにかくCSSの基本になれるための練習をしてます。
今回参考にさせて頂いたサイトはこちらです。
前回タグにCSSを適用できず、困っていましたがhead属性の中にCSSを記述したところ適用できました。
< head>
< style type="text/css">
h1 { color: red; }
< /style>
< /head>
< body>
< h1>赤色見出し< /h1>
< /body>
赤色見出し
実は前々回のdivを使ったまとめてCSS適用をしたとき、divのクラスにbody属性内で書いたCSSが適用されていたので勘違いしてました。classに適用する場合はbody属性でCSSを記述しないと適用されず、少し混乱中。。。とりあえず、タグにCSSを適用できたのでOK～。次回は外部ファイルからCSSを読み込んでいきたいと思います。サイトを参考にしたところ、はてなブログにはファイルのアップロードサービスが無料版にないそうなので、ほかのソフトを使いながら実現していくそうです。
htmlタグdivを試してみる
私のブログはとにかくCSSの基本になれるための練習をしてます。
ほんとに個人的な練習ですので、これから私と同じCSS学びたい方は下のリンクをどうぞ＾＾
初心者ブロガーが最初に覚えておきたいブログでよく使うHTMLタグ18選
HTMLとCSSの基本をサルでもわかるようにまとめた【入門・初心者向け】
今回参考にさせて頂いたサイトはこちらです。
bivを使うとidと同じくまとめて識別できるみたいです。
< div class="クラス名">
< p>こんにちは< /p>
< p>どうも< /p>
< /div>こんな感じにまとめれるんですね
そして次にCSSを記述して< style type="text/css">
//divでつけたクラス名の前にピリオドをつけて
.クラス名{
color:red;
}
こんにちは
どうも
クラスにまとめてCSSを適用できました。どうも
クラス名には日本語も使えるみたいです。
idと違いclassは同じクラス名で複数定義できるみたいです。
CSS練習その２
私のブログはとにかくCSSの基本になれるための練習をしてます。
ほんとに個人的な練習ですので、これから私と同じCSS学びたい方は下のリンクをどうぞ＾＾
初心者ブロガーが最初に覚えておきたいブログでよく使うHTMLタグ18選
HTMLとCSSの基本をサルでもわかるようにまとめた【入門・初心者向け】
CSS関係のサイトを探していると下記のサイトを見つけました。
色々なサイトのCSSが見れると書いてありました。これは強いと思い、他のサイトで試したところPathがわからないところや表示できても記述方法が違ったり（多分かなり高度でわからない）あまり参考になるものはありませんでした。
とりあえずプログラマとしてわかるのは、やはりCSSファイルは別にして読み込むほうが綺麗になるのでしょう。一つのWebサイトに複数のCSSファイルのリンクがありました。(私はしばらくベタ打ちでやっていきます。)
あと他のサイトでは< div>タグが多様されていて調べてみると、なんとCSSにすらclassの概念がでてきました。詳しくはこちらのサイトをご覧ください。
今のところid属性と用途は変わらないようです...次ではdivタグも練習していきたいと思います。
CSS練習その１
私のブログはとにかくCSSの基本になれるための練習をしてます。
ほんとに個人的な練習ですので、これから私と同じCSS学びたい方は下のリンクをどうぞ＾＾
初心者ブロガーが最初に覚えておきたいブログでよく使うHTMLタグ18選
HTMLとCSSの基本をサルでもわかるようにまとめた【入門・初心者向け】
まずは色をつけてみました。
色だけ変えたいんですが何かのタグで囲まないといけないのか、とりあえず太文字にするタグ< b>で囲んでみる
< b style="color:red;">色< /b>赤の太文字になりました。
初めてのブログ＆HTML練習
就活が終わり、今後職場で使うHTMLやCSSの練習場所として、このブログを通して学んでいけたらと思います。
ちなみにまだCSSの使い方がわからないので次の記事で、練習していきます。
こちらのサイト様を参考に現在CSSを記述してます
初心者ブロガーが最初に覚えておきたいブログでよく使うHTMLタグ18選
