citron syrup

HTML,CSS,js,Ruby,Swift

HTML,CSS

yamlメモ

自分用のメモです。 ・クラス名に0は使えない ・html側にsimple_format,yml側に | を入れると、改行が反映される。 例 haml %p = simple_format t ('.citroncockatiel') yaml application_2: | citron cockatiel Console output citron cockatiel

clearfixでfloatを解除する

clearfixでfloatを解除する、と言っても原理は全くわかっていないのですが 偉い人が"floatする要素のclassのCSSにこれを書いておけばclearfixできるよ"と教えてくれたのでメモ。 .cf { zoom: 1; } .cf::before { content: ""; display: table; } .cf::after …

imgを中心に配置したい時

imgを中心に配置したくて、imgタグに直接classを追加しmarginをautoにしたのに 反映されなくてとても悲しい思いをしました。 imgはインライン要素というもので、ブロック要素というものでないとmarginを指定できないらしい。 imgを中心に配置したい際は HTML <img class="citron" src="images.jpg">…

ulタグのpadding-leftについて

最近、実はバイトでHTMLとCSSのコーディングをしているのですが ulタグを使った際左側に謎のpaddingがあって涙が止まりませんでした。 考えた結果、左側についていた点の幅がpaddingとして勝手に空いているからだという結論に至ったのですが 実際どうなのか…

prog-8を始めました

タイトルままです。 prog-8.com バイトで必要になるため、こちらのサイトでHTMLを勉強し始めました。 私はどうにも継続力がなく、ブログで宣言でもして置かないとやらないと思うのでしておきます。 毎日一項目ずつ終わらせていき(たいと思ってい)ます!!