リンク
新しいウィンドウ(タブ)で開く
<a href="~" target="_blank"></a>
form
適用の優先順位
- 全体に適用されるものと局所に適用される者では、局所に適用されるものが優先される。
- 上書きされるので、最後に読み込まれたものが適用される。
- 強制的に優先順位を上げるには !important を付ける
p {color:red !important;} /*この値が最優先されて有効となる*/
CSSのコメントアウト
/* コメントアウト */
モバイルサイト用の表示CSS jQuery Mobile
画像のフィルタ
表
行をつくる→行の中に列をつくる
<table>
<tr><th>...</th><td>...</td></tr>
<tr><th>...</th><td>...</td></tr>
</table>
表をつくる
<table>...</table>
行をつくる
<tr>...</tr>
列をつくる
<tr><td>...</td></tr>
左寄せ、センタリング、右寄せ
<td align="right">}
タグはあるけれど、表示はされない、という状態をつくる
ポップアップ風のメニューを仕込む(主にcssで)
メニューボタン(メニューアイコン)にポップアップルメニューとなるdiv要素を仕込んでおく。そのdiv要素は普段は
display:none
を設定しておく。(もしくはjavascript等でクリックしたときに生成するようにしておく)
クリックしたら
display:block(とか)
で表示させる。この時、
- レイアウトを崩さないように、position:absolute(メニューボタン位置に連動させるなら、親にposition:relaltiveも)を仕込む
- z-index を設定して、他の要素より前に出す。
- 親要素に overflow : hidden が設定してると、親の枠外に飛び出せなくなる。
ので注意する。
エラー時のステータスコード
流行りのUIをコード付きで紹介
ロゴのジェネレータ
最終更新:2017年10月10日 09:13