1ラインCSSマジック

2008年3月21日{4か月、6日前に。} (Anish Blon著掲示されて)

CSSを述べる必要性は驚くばかりではない。ウェブサイトに生命を与え、活発に作るCSSのその純粋な美。はい、それは新参者のためにCSSを書きやすくないし、専門家は時々十字のブラウザ問題のためにスタックしている得る。時々、CSSの1ラインは解決を提供するマジックより多くである場合もある。私はCSSファイルのいくつかを見直し、誰かをラインCSS都合した。

1ラインCSSのリストは次ある。次述べられる1ラインCSSは網の標準および網の入手の可能性の規則を認可するかもしれなかったりまたはかもしれない。

1.すべての要素への一定のデフォルトの差益そしてパッディング

* {差益: 0; パッディング: 0}

あらゆる要素に差益かパッディングを割り当てなかった上での省略時の値がある。
何人かのCSSデザイナーは端にすべてのCSSの要素に割り当てられた価値があるのでこれが全然必要ではないことを論争する。

2.イメージのボーダーをゼロに設定しなさい

~~img {ボーダー: 0; }~~
img {ボーダー: 0; }

どのつながれたイメージでもボーダーを表示することを防ぐのにこれが使用することができる。

3. Firefoxのリンクボーダーを取除きなさい

a: 能動態、a: 焦点{輪郭: 0; }

これはfirefoxの集中されるか、またはアクティブ・リンクから点を打たれた輪郭を取除く。

4.スクロールはIEをする

html {背景: URLは(ブランク)繰り返す固定した; }

5.壊れるために大きさで分類された内容上のリンクのライン壊れ目を、防ぎなさい

a {白スペース: nowrap;}
要素{流出: 隠される; }

このトリックはリンクのライン壊れ目を防ぐ。

6.ブロック要素を水平に集中させる

要素{差益: 0台の自動車; }

この1ラインCSSは水平にBlock-level elementを集中させる。

IEのためにより少しはより7、続くラインしかし加えられるべきである。

要素{テキスト一直線に並べなさい: 中心; }

7. scrollbarショーFirefox

html {流出: - moz scrollbars縦; }

8. IEでscrollbar textareaを取除きなさい

textarea {流出: 自動; }

私達をしおり: 新しいWebページを共有し、発見するための社会的なしおりの場所。

それ以上に推薦された読むこと