Html研究
気に入った事はとことんやってしまいます。
ほどほどにしたいものデス。ヾ(´▽`*)ゝ
recent comment

最新の記事

月別アーカイブ

recent trackback

 すごいやつ display


cssにおいてdisplayを使うといろいろとすごいことが起きる。

display:block;
1.これだと確実に改行されます。

2.aに設定すると
 文字だけではなく全体がクリック可能に

3.そしてコンテンツの表示

それに対し
display: none;
では非表示



使い方としては

@media screen and (max-width: 960px) {

@media screen and (max-width: 360px) {

などとウインドウの幅を設定するスタイルシートで960pxでは表示 360pxでは非表示。
またはその逆。
のように設定できる。
例えばは幅が狭くなるとメニューカラムは消えてメニューアイコンが現れるなどに使える。

ほんとにすごい。びっくりです
【2015/01/24 16:17】 css2 | トラックバック(-) |
コメント(0)

comment
投稿













管理者にだけ表示を許可する






| ホーム |
ブログ内検索

RSSフィード

*最新記事のRSS
*最新コメントのRSS
*最新トラックバックのRSS

TB_People

カレンダー

05 | 2021/06 | 07
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 - - -

ブロとも一覧

ブロとも申請フォーム

この人とブロともになる

リンク

author_name=Dreamy/album

気に入った事はとことんやってしまいます。
ほどほどにしたいものデス。ヾ(´▽`*)ゝ
recent comment

最新の記事

月別アーカイブ

recent trackback

ブログ内検索

RSSフィード

*最新記事のRSS
*最新コメントのRSS
*最新トラックバックのRSS

TB_People

カレンダー

05 | 2021/06 | 07
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 - - -

ブロとも一覧

ブロとも申請フォーム

この人とブロともになる

リンク

Template production /preview