1. tableタグと独自の関数を使用する
<style> .parent{ border: 1px ソリッドレッド; 高さ: 500px } .child{ border: 1px ソリッドブラック } </style><body> <!-- --> <table class=parent> <tr> <td class=child> テストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテストテスト</テーブル></ボディ>効果
2. マージン左: -50px; マージン上: -50px
<スタイル> .parent{ 位置: 相対; 幅: 500 ピクセル; 高さ: 100 ピクセル; 位置: 絶対; ; 左: 50%; マージン-左: -50px; </style>効果
3. 変換: 変換(-50%、-50%)
<スタイル> .parent{ 幅: 500px; 高さ: 300px; 境界線: 1px 赤; 位置: 100px; 位置: 絶対値; ; 左:50%; 変換: 変換(-50%,-50%) }効果
4.マージン：自動。
<スタイル> .p{ 幅: 300 ピクセル; 高さ: 200 ピクセル; 位置: 相対; } .c{ 幅: 80 ピクセル; 位置: 絶対; ; 上:0; 下:0;効果
5.フレキシブルボックス
<スタイル> .p{ ボーダー: 1px; 幅: 400px; 表示: 位置合わせ: センター; .c{ 幅: 100px; : 赤; }効果
html5CSS3 の新機能と削除された要素は何ですか? HTML5 の新しいタグによるブラウザーの互換性の問題にどう対処するか? HTML と HTML5 を区別するにはどうすればよいですか?HTML5 はもはや SGML のサブセットではなく、主に画像、位置、ストレージ、地理位置情報、その他の機能の追加に関するものです。
ペイントキャンバス要素
メディア再生用のビデオおよびオーディオ要素
ローカル オフライン ストレージ localStorage はデータを長期間保存し、ブラウザを閉じてもデータは失われません。
sessionStorage データはブラウザを閉じると自動的に削除されます
記事、フッター、ヘッダー、ナビゲーション、セクションなど、セマンティクスが向上したコンテンツ要素
フォーム コントロール、カレンダー、日付、時刻、電子メール、URL、検索
CSS3 は、テキストに丸い角、影、特殊効果を実装し、さらに多くの CSS セレクターとマルチ背景 rgba を追加します。
新しいテクノロジー Webworker、WebSockt、Geolocation
削除された要素
純粋に表現力豊かな要素: ベースフォント、ビッグ、センター、フォント、s、ストライク、tt、u。
ユーザビリティに悪影響を及ぼす要素:frame、frameset、noframes。IE8/IE7/IE6 は document.createElement メソッドによって生成されたタグをサポートします。
この機能を使用すると、これらのブラウザが HTML5 の新しいタグをサポートできるようになります。
ブラウザが新しいタグをサポートしたら、タグのデフォルト スタイルを追加する必要もあります。もちろん、最良の方法は成熟したフレームワークを直接使用することであり、最もよく使用されているフレームワークは html5shim フレームワークです。
- <!--[IE 9 の場合]><script> src=http://html5shim.googlecode.com/svn/trunk/html5.js</script><![endif]-->
以上がこの記事の全内容です。皆様の学習のお役に立てれば幸いです。また、VeVb Wulin Network をご支援いただければ幸いです。