前面の質問の概要 - HTML＆CSS

意味1. DOCTYPEは何ですか？

• ブラウザが標準モードでレンダリングしてみましょう
• ブラウザは正当性の要素を教えてください

2. HTML、XHTML、HTML5の関係？

• SGMLに属しHTML
• XHTMLはXMLに属し、XMLのためのHTMLは厳しいの結果であります
• HTML5は、SGMLやXML、よりXMLの寛大に属していません

何が変わったのか3. HTML5？

• 新しいセマンティック要素
• フォームの機能強化
• 新しいAPI（オフライン、オーディオおよびビデオ、グラフィックス、リアルタイム通信、ローカルストレージ、デバイスの機能）
• 分類およびネストされた変更

4. EMと私の違いは何ですか？

• EMは、強調のために、セマンティックタグであります
• 私は、ラベル、テーブルのイタリック体の純粋な形であります
• 私はアイコンとして使用される一般的でHTML5を使用することはお勧めしません。

5.意味論的な意味は何ですか？

• 理解しやすい開発
• 構造を理解することは非常に簡単（検索、スクリーンリーダーソフトウェア）
• SEOに役立ちます
• セマンティックミクロ

6.どのような要素を自動閉鎖することができますか？

• フォーム要素の入力
• 写真IMG
• BR、時間
• メタリンク

7. HTMLとDOMの関係？

• HTMLは死んでいます
• HTMLから進化したDOM解析は、生きています
• JSは、DOMを維持することができます

8.プロパティと属性の違いは？

• 属性は、それがHTMLで記述され、死んでいます
• プロパティは生きています
• 変更は、お互いに影響を与えません。

9.アクションの形？

• 直接フォームを送信
• 利用提出/リセットボタン
• フォームの保存が容易ブラウザ
• 全体的に、サードパーティのライブラリは、値を抽出することができます
• サードパーティのライブラリは、検証を形成することができます

10. [ウェイト？

• IDセレクタ#ID +100
• クラス、プロパティ、擬似クラス10
• 要素、擬似要素+1
• その他のセレクタ0

11. CSSの背景？

（1）背景勾配

.c2{
		height:90px;
        /* background: -webkit-linear-gradient(left, red, green); */
        /* background: linear-gradient(to right, red, green); */
        /* background: linear-gradient(180deg, red, green); */
        /* background: linear-gradient(135deg, red 0, green 10%, yellow 50%, blue 100%); */
        background: linear-gradient(135deg, transparent 0, transparent 49.5%, green 49.5%, green 50.5%, transparent 50.5%, transparent 100%),
                linear-gradient(45deg, transparent 0, transparent 49.5%, red 49.5%, red 50.5%, transparent 50.5%, transparent 100%);  /* 交叉线背景 */
        background-size: 30px 30px;
    }

12. 文字折行？

• オーバーフローラップ（ワードラップ）ラップ共通制御 - ワードを保持するかどうか
• マルチバイト文字の単語ブレーク - 中国の文は単語であります
• 空白空白改行するかどうか

13. base64で使用？

• 減少するためのHTTPリクエスト
• 小さな絵のために
• BASE64程度の元の容積の4/3

14.擬似クラスと擬似要素との間の差？

• 擬似クラスのステータステーブル
• 擬似要素は、実際に要素であり、
• 前者単一結腸、結腸後者ビス

15.どのようにチェックボックスを造園しますか？

• ラベル[用]和のid
• 隠されたネイティブ入力
• ：+ラベルをチェックします

16.どのように3D効果を達成するには？

• 視点：500pxなど。
• トランスフォームスタイル：保存-3D。
• 変換：回転を翻訳...

17. CSSアニメーション？

原則（1）アニメ

• ビジョン効果の持続性
• 絵は徐々に変化します

役割（2）アニメ

• 喜び
• 注意
• フィードバック
• コンシール

（3）CSSアニメーションタイプ

• 遷移モーショントゥイーン
• キーフレームのキーフレームアニメーション、フレームアニメーション（動画）によってフレーム

（4）モーショントゥイーン

• 位置 - 翻訳（左/右/マージン/変換）
• 方位角 - 回転（変換）
• サイズ - ズーム（変換）
• 透明度（不透明度）
• 他の - 線形変換（変換）

（5）キーフレームアニメーション

• 複数のトゥイーンアニメーションに相当
• かかわらず、元素状態の変化
• のより柔軟な定義

（3）フレームアニメーションによってフレーム

• 作品は、トゥイーンの計算に適用することはできません
• グレーターのリソース
• 适用工程（）アニメーションタイミング機能：工程（1）。

18.遷移アニメーションとキーフレームアニメーションの差？

• トランジションのアニメーションは、状態の変化を必要とし
• 状態の変更を必要としないキーフレームアニメーション
• キーフレームアニメーションをより細かく制御することができます

フレームアニメーションでフレームを達成するためにどのように19？

• キーフレームアニメーションを使用して
• トゥイーン削除（手順）

20. CSSアニメーションのパフォーマンス？

• パフォーマンスが悪いわけではありません
• いくつかのケースでは、優れたJS
• JSより良い行うことができます
• 他のリスクのボックス・シャドウ属性部分