そもそもCSSがわかってないので、Twitter Bootstrapをダウンロードし、サンプルサイトのソースもあわせて読んでみて、わからない箇所を列挙した。
- HTML
- classとidとnameの違いは？->同一ページにclassは複数回使用してOK。idは1度だけ。nameはわかってない。
- classはスペース区切りで複数個指定しても大丈夫なのね。
<p><a class="btn btn-primary btn-large">Learn more »</a></p>
- CSS
- “.”, “:”, “::”, “[]“
- “.”はクラス。”:”は擬似クラス(定義済みクラス)。”::”は擬似要素(?)。”[]“は属性セレクタ。
- セレクタの種類－CSSの基本
が詳しい
-
audio:not([controls]) { display: none; } -
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } -
input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } -
[class*="span"] { float: left; margin-left: 20px; } - JavaScript
- jsフォルダ配下のソースはどこで使われてる？
この前作った、YouTubeの特定プレイリスト”keep_motivation_by_moviepost”を表示するサイトに適用してみた：keep_motivation_by_moviepost.php
参考サイト
関連エントリー
