#プログラミング学習
SCSSのmixinが優秀すぎたのでまとめます。
マークアップをしていると
この記述さっきも使ったなー
同じこと何度も書いていて面倒だな・・・っと
同じことの繰り返しになるとすぐに面倒だと思ってしまう。
そんな時にSCSSのmixinを使うと一気に楽になります。
SCSSとは共通の色や数値などを定義しておくことができて
同じ修飾を使い回すときは定義した変数を呼び出してあげれば
使用できます。
また引数を使うこともできるのでちょっとやってみます。
プログラミング備忘録【CSS編④】
ホームページを作ろうと思った時に始めにフロント実装をすると思いますが
タイトルのアイコンってどうやって設定するんだ？
head内の<title>にimg貼り付けるのかな？
調べてみたら結構簡単に出来ました。
作成するフォルダ内に挿入したい画像を配置する。まずは挿入したいファイルの名前を変更します。
名前はなんでもいいみたいなんですが、予期せぬエラーを防ぐためにも
こだわりが無ければ「favic
プログラミング備忘録【CSS編③】
今回はヘッダーを固定する方法です。
このnoteのページを下にスクロールしても上部の一部表示が
一緒についてくると思います。
これはHTML作成時のheaderと呼ばれる部分にCSSであることをすると
実現できます。
言葉で説明してもわかりにくいと思うので、まずはコードと
表示画面を貼り付けます。
事前準備--HTML--<body> <header> <div class="menu">ヘ
プログラミング備忘録【CSS編②】
備忘録CSS編でCSSの大まかな説明をしました。
過去記事
https://note.com/john01/n/ne36038d34d53
今回はそんなCSSの中でも理解するのに苦しんだプロパティを紹介します。
横並びに使えるあの人『floatプロパティ』さんです。
floatプロパティとは？使い方としては要素を横並びにすることができます。
実際にコードを書いてみます。
--html--<b
プログラミング備忘録【CSS編】
CSSとは？HTMLは骨組みを作る役割があります。
過去記事参照 → 【HTML編】https://note.com/john01/n/na7524583ffb3
では同じマークアップ言語であるCSSの役割とはなんでしょう。
HTMLの装飾をする役割です！
マイクラでみるとこんな感じ。
窓とか屋根とか扉とかを付けてあげて
見栄えをよくする事ができます。
ふぅ…だいぶ家っぽくなってきました（笑）
プログラミング備忘録【HTML編】
プログラミングを始める時にまず最初に覚えるのが
HTML ではないでしょうか？
今回は自分の復習も兼ねて備忘録として
HTMLの概要説明をまとめています。
なぜ始めにHTMLなのかインターネットを使い、サイトを閲覧するときに
まず始めに目に入るのがTOPページになります。
そのTOPページの見た目を作るのが
HTMLです。＊CSSは次回まとめます。
どれだけたくさんの言語を使い、複雑な処理を行え