floatプロパティを使って、画像の横に文章を回り込ませたはいいけど、 「画像と文章がくっついて見づらいわ！」 っていう時が多々あるよね。 そういう時はmarginを使って、画像と文章の間にすき間を空ければいいことを学んだ。 例えば、 【CSS】 img { float:left; } として画像を左側に配置して、文章...

CSSの記述をしていて、「画像の横に文章を回り込ませたい！」って時は多い。 そういう時はfloatプロパティを使えばいい。 HTMLで <img src="~" alt="写真"> と記述するだけでは文章は画像の下に配置されるから、画像の横にスペースがあっても、回り込めない。 それを回り込ませるためには、f...

プログラミングの勉強をしていると、絶対パスと相対パスっていう言葉が出てくる。 絶対パス なんか難しく感じるけど、要は 絶対パスはURLなど。 →たとえば、https://programmingnote.jp　とか。 トップの位置から目的地までの道筋はどうか？ってのを伝える。 自分がどこにいようが、トップの位置は変わらな...

HTMLの一部のデザインを変更したい時によく使う class="～"や id=”～”。 CSSの記述の時は .～｛｝のやつね。 その～（これ、セレクタって名前ね）の名前を付ける時は注意すべきことがある。 使えるものが制限されているからだ。 セレクタ名（class="～"の～の部分のことね）で使えるのは 半角アルファベッ...

CSSを勉強している時に出てくる疑似クラス。 なんてわかりにくい用語なんだろう（笑） 絶対用語の難しさが理解を妨げている気がする、、、 って文句はこれぐらいにしておいて、 「疑似クラスとはなんじゃい？」 ってことで簡単に…...

先日サイトをSSL化してhttps://～にした。 サイト自体のSSL化はさくらのレンタルサーバーだったから、かなりやりやすかった。 でも、サイトをSSL化するということはhttps://~にhttp://~から変更するということだから、 「サイトをSSL化できた！はーい、おしまい！」 ってことではなかった。 必要な作...

最近Google ChromeでURLのところに保護されていない通信と出るようになって、自分のサイトのURLがhttp://～とで、SSL化（https://～）されていないことに気付いた。 どうやらSSL化されていないhttp://のサイトに対して、保護されていない通信、と表示してChromeが「安全上少し危険です」...

CSSでよく使う、IDセレクタ、classセレクタ、要素型セレクタ（タイプセレクタ）には優先順位がある。 IDセレクタ＞classセレクタ＞要素型セレクタ、の順だ。 ちなみに要素型セレクタというのは、HTMLのタグを指定するセレクタのことね。 例えば、h2{ color : red;}って感じのやつ。 この優先順位をし...

CSSのセレクタの基本はHTMLタグ（h2とかpタグとか）だけど、同じタグのデザインが全て同じだと困る。 ということでオリジナルのセレクタがCSSには用意されていて、それが classセレクタ IDセレクタ の２つだ。 classセレクタ classセレクタは、 <div class="skill">~~&...

CSSの記述のルールってよく忘れがちなので、備忘録で整理しておく。 CSSには セレクタ(基本はHTMLのタグ:h2とかpとか） プロパティ バリュー という3つの設定がある。 この名称がCSSをわかりにくくしているとプ…...