2015-09-11から1日間の記事一覧

CSS3のセレクタ

「E:nth-of-type(n)」 親要素のn番目の子要素であるE要素(他の要素も含めてn番目)「E:nth-of-type(n)」 親要素内で兄弟関係にあるE要素でn番目のもの (他の要素を含ないでカウントしてn番目) nth-of-type(odd)、p:nth-child(2n+1)・・・奇数番目の要素に…

アルゴリズム 覚書

よくありそうなアルゴリズムを解くときの覚書int index=(intyear+8)%12;//8を12で割ったあまりは8。西暦0年は申年から始まっている。それをあわせるために+8。

マルチカラムレイアウト

/*マルチカラムレイアウト*/ /*親に設定する、これが真の段組です。文書が入りきれなくなったら次につながる段組。*/ #main{ padding-top:8px; padding-bottom:16px; /*段組 段数*/ -moz-column-count:2; -webkit-column-count:2; column-count:2;/*msは必要…

フレキシブルボックス

※フレキシブルレイアウトの良い点: ボックスが2段の場合、高さが高いほうに揃うように延びてくれます。 ※幅に入りきらなくなったら、初期値では横幅が狭くなります。これがfloatと違います。 折れ曲がって下に行くには別にプロパティを書きます。 フレキシ…

/

#top_link a:nth-of-type(odd){ background-image:-o-linear-gradient(to bottom,rgb(255,255,255)0%,rgb(204,0,0)30%,rgb(102,0,0)80%,rgb(206,140,105)100%); background-image:-webkit-linear-gradient(to bottom,rgb(255,255,255)0%,rgb(204,0,0)30%,rgb…

CSS3

■文字間隔の均等揃え text-justify:inter-word; /*日本語はtext-justify:distributeディストリビュートを使うときれいに揃う。*/ /*text-justify:newspaper;*/ /*均等揃えCSS3では無くなった。 IE系で使用されていたinter-ideographは無くなった。 テキスト…