ホームページ >ウェブフロントエンド >htmlチュートリアル >Web ページに CSS を使用する方法layout_html/css_WEB-ITnose
Web ページに CSS を使用する方法layout_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:35:521122ブラウズ
1、单列布局
2、单列布局水平居中
.main{width: 800px;height: 300px;background: #ccc;margin: 0 auto;}
3、自适应宽度两列布局（用得比较少）
4、固定宽度两列布局（用得比较多）
两栏被限制在父级div（main）中.
5、自适应三列布局
6. ケース: 左側は固定 200 ピクセル、右側は固定 300 ピクセル、中央はアダプティブです
< div class ="main">
200px
ブログ パークは 2004 年 1 月に設立されました。ブログ パークは揚州で生まれました。江蘇省はITが非常に遅れている小さな都市ですが、知識とイノベーションを求める人がたくさんいます。ブログパークが誕生した理由はとても簡単です。
300px
7. 混合レイアウト
< meta charset="utf-8">
< class = "footer"> 間の関係: ブロックはブロックの隣にあり、ブロックはブロックの上に積み重ねられています。 これらのブロックが CSS を通じて正しく配置されていれば、Web ページのレイアウトは自然に整います。完璧。
1. 余白: 0 自動的に中央に配置されます
2. 3 つの列に分割する 2 つの方法: 1) 両側の位置: 絶対、左: 0/右: 0、
中央の余白｛0 右 0左｝
2) まずフロートを 2 つの列に分割し、次にフロートを 2 つの列に分割します。声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。