ブログを作ろう♪HTML＆CSS ２ページ目: むぎ茶を飲みながらのんびりブログ

<< 2020年12月 >>
日	月	火	水	木	金	土
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31

2019年04月08日

ブログを作ろう♪HTML＆CSS ２ページ目

昨日と同じく、文章等を目立たせる効果などがあります。
また、昨日勉強した『スタイルシート』になっていますので、慣れると直感的に使えるのでお勧めです♪

【準備がまだの方はこちらから！】

ブログを作ろう♪準備編

ブログを作ろう♪実践編１ページ目

ブログを作ろう♪実践編２ページ目

ブログを作ろう♪ 実践編２.５～３ページ目

ブログを作ろう♪ HTML＆CSS 1ページ目

３種類あるけど、今日は『ｌあ　見出し』で、遊びましょう

赤丸部分ね！

では、早速『ｌあ見出し』って所をクリックしてみましょう！
すると、こんな画面が出るはずです。

赤〇『見出しを入力』

読んで字のごとく、見出し(目立たせたい字)を入れます。何文字でも入れられますので強調したい文章等にお勧め！
私のブログには、これが頻繁に出てきてるかと思いますよ♪ｗ

青〇『デザインを選択』

画像にある５種類の中から好きなモノを選びましょう♪

紫〇『色を選択』

デザインの赤い部分を、好きな色に変えられます。
色表の中から、好きなモノを選んでクリックしましょう♪

緑〇『プレビュー』

この部分に、仕上がり予定のテキストが表示されます。

終わったら、最後に『挿入する』をクリックします。

あいうえおかきくけこさしすせそたちつてと

出来たかな？

これが基本になります♪

応用編

ココからは、昨日のお勉強の続きも兼ねますので！ｗｗｗ
心して覚えてくださいね♪

デザイン複合

語るより実践で。
昨日の『フォント』と本日の『装飾』の複合ね！

これを作りま～す♪

赤〇部分の文字ね！

では、取り合えずこの先を見ないでやってみてください♪
こうなりませんか？

緑〇『プレビュー』

違いますよ！！

緑〇『プレビュー』

こっちです！ｗ

前にも言いましたが、スタイルシートはそれ自体がプログラム。
命令に従ったことしかできないのです。
今の命令は『文字を、指定したデザインの緑に記載しなさい！』
やりたいのは『緑色の文字を、指定したデザインの緑に記載しなさい！』
わかるかな？

スタイルシートが指定してる色は、あくまで『デザインの色』のみ。
でも、緑色の文字を入れたい！
なら緑色した文字を、最初から使えばいいのさ！！ｗｗｗｗ

ちょっと難しいけど行くよ～♪