ホームページ  >  記事  >  ウェブフロントエンド  >  HTML5 6 日目のメモ

HTML5 6 日目のメモ

黄舟
黄舟オリジナル
2016-12-28 17:18:031582ブラウズ

CSS レイアウト

通常のドキュメント フロー: 要素が上から下に配置される順序

ドキュメント フロー外: 要素が通常の配置順序から取り出されます

フローティング: ブロック レベルの要素を左端と右端に移動します親要素 (独自の意味に従って配置)

float (float): left/right/none;

clear (clear): left/right/both;

float は親要素に対して相対的に浮動小数点になります。図で使用される混合テキストレイアウト

フローティング要素がある場合、その親要素は高さが折りたたまれます。

不透明度は透明度を表します

PC Webページのレイアウト

固定幅で中央揃えのレイアウト

バナーヘッダー、ナビゲーション、フッターのレイアウト

基本コンポーネント: ヘッダー、ナビゲーション、バナー、本文、フッター

グローバルスタイル: (必須ページを作成するたびに書き込まれます)


*{
margin:0;
padding:0;
box-sizing:boder-box;content-box;
}
body{
font-size:12px;
font-family:Microsoft YaHei,"微软雅黑";
width:1000px;
margin:0 auto;
}
ul,ol,li{
list-style:none;
}
a{
text-decoration:none;
}
img{
border:none;
}

——————————————————————————————————

子要素に margin-top を追加すると、ブラウザーの非互換性が発生します。これは、親要素に padding: 0.1px を与えることで解決できます。

Rounded Corner 属性: border-radius: 20px。 30px 40px 50px;

円を作成するときは、border-radius:50%;を指定するだけです。

display:block; インライン要素をブロックレベルの要素に変換します

インライン要素のデフォルトの表示は、display:inline です。

46dd80ba616c57a652514755c74c421191be1970faf1a1e6511e94af3a0f5b95 ; H5 new タグの場合は、時刻

208700f394e4cf40a7aa505373e0130bf6b6163991889e046b98f3ad8b2fe548H5 の new タグ、著作権、アドレスなどを書くことのみ可能です。


上記は HTML5 6 日目のメモの内容です。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) をご覧ください。


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