webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

ウェブデザインを勉強中

2016-06-12から1日間の記事一覧

font awesome

20160620修正 CDNサーバー上のfont-awesomeのファイルを利用する. この場合、ローカルにダウンロードするファイルはない。 headに以下のように記述すればよい。 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" > 表示したいアイコンのコードを、表示したい場所に記述します。 コードはこんな感じです。<i class="fa fa-home" aria-hidden="true"></i> とこ</link>…

rem font-size について。

rem rem="root" + "em" rootとはhtml要素のこと。 rem rem 値は、複合の問題を避けるために考案されました。rem 値は親要素ではなく、ルート html 要素に対して相対的です。言い換えると、親要素のサイズの影響を受けることなく相対的な方法でフォントサイズ…

position: relative; について

箱を2つ縦に並べる。position は指定しない。つまり、position: static; のまま。 box1に、position; relative:を追加すると… なにも変わりません。 こんどは、box2のborderを外して、boxshadowをつけてみる。 あとに記述した内容で上書きされるから、上のよ…

css 連想ゲーム じゃないけれど…

float →親要素に overflow: hidden position → 基準とする block に position: absolute; padding → padding をつける block には box-sizing: border-box を追加する。 border → border をつける block には box-sizing: border-box を追加する。 display: …