2016-01-01から1年間の記事一覧

リスト(list)のulやolについて気を付けなければならないこと

リスト(list)のulやolについての疑問 1.ulやolにpタグは入れてよいか? 2.リストの入れ子のルール 3.他に子リストに追加できるもの〔ul、ol、dl、div、h1~h6、p、span、img、strong〕 子リストにolを追加 子リストにdlを追加 その他に子リストに追加できる…

リセットCSS HTML5

私が使用しているHTML5用リセットCSS HTML5も使用している要素のみ記述 @charset "utf-8";/* CSS Document */ /* reset *//* 使用している要素のみを記述。引き忘れ注意! */html, body, div, section, header, nav, menu, section, article, aside, dialo…

リセットCSS

私が使用しているリセットCSS 使用している要素のみ記述していく @charset "utf-8";/* CSS Document */ /* reset */ /* 使用している要素のみを記述。引き忘れ注意! */html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, th, td …

PC用グローバルナビゲーション

PC用グローバルナビゲーション ver1 Global Navigation forPC ver1 HTML <div class="gnav"> <ul id="g-nav" class="clear"> <li><a href="/" class="on">ホーム</a></li> <li class="li-long"><a href="/aaa.html">aaa<a></li> <li><a href="/bbb.html">bbb</a><li> <li><a href="/ccc.html">ccc</a><li> <li><a href="/ddd.html">ddd</a><…</li></li></li></li></li></ul></div>

ルート相対パスが便利

ルート相対パスについて ルート相対パスを使うメリットとデメリット ルート相対パスを使うメリット ルート相対パスを使うデメリット ルート相対パスはどんな時に使う? ルート相対パスと相対パスの書き方の違いについて ルート相対パスの書き方 相対パスの書…

CSS疑似要素で文字や画像を挿入「before」と「after」

CSS疑似要素のbeforeとafterで画像や文字を挿入する beforeとafterで出来ること beforeとafterで出来ないこと css疑似要素beforeとafter-参考サイト1 CSS疑似要素のbeforeとafterで画像や文字を挿入する SEOに関係ない文字や画像の挿入、PCサイトをスマホ対…

CSSセレクタでスタイル適応 「nth-child」と「nth-of-type」

CSSセレクタをうまく使ってスタイルを適応させる n(5)番目の要素のみ、tableで奇数行のみスタイルを適応させたい時、ある要素のここだけスタイルを適応させたいときに参考になった参考サイトを紹介いたします。 CSSセレクタ-参考サイト1 実用的なCSSセレクタ…

CSSで文字装飾01

CSSを使って文字を装飾の仕方 CSSでの文字装飾で参考になった参考サイトを紹介いたします。 CSSで文字装飾-参考サイト1 text-shadowで文字装飾の基本 raining.bear-life.com CSSで文字装飾-参考サイト2 CSSとjsでできる文字装飾や文章を読みやすくする方法 c…