ホームページ  >  記事  >  ウェブフロントエンド  >  CSS+DIV practice_html/css_WEB-ITnose

CSS+DIV practice_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:33:241198ブラウズ

1.1. ブルークラシック

1. 固定幅、解像度がどんなに大きくても、幅は固定されます。

2. ナビゲーション部分は画像内で予約されており、ナビゲーションは絶対値によって画像の右下隅に到達することを防ぎます。

3. Float は大きなブロックだけでなく、li などの小さなブロックにも適用でき、li アイテムは均等に 2 つの部分に分割されて表示されます。

4. タイトルを画像に置き換えるヒント: タイトルを直接非表示にし、タイトルと同じ画像を作成して表示します。

垂直タイトルの方法は上記と同じですが、要素のpadding-left属性を調整する必要がある点が異なります。

ケースのアドレス: http://115.com/file/aqxc2u9t#

ケーススタディと実践練習を通じて、CSS がいかに強力であるかを実感できます。 ! !

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。