HTML + CSSで---構築するための単純な静的ページ

序文

HTMLとCSSの知識の前にいえば、だけでなく、いくつかの単純な静的ページが出ている時期であること。これは、より多くのいくつかの小さな詳細は注意を払うだけでなく、いくつかの実用的なヒントを必要と共有したいし、ブログを構築する方法を共有する主要な付加です。

テキスト

結果の1を見てみましょう

ここに画像を挿入説明
私は、このリソースまあをアップロードし、これはリンクで
すべて一緒の内部を達成するためにjqueryの関連ページスタイルの内部

静的なページを構築する2.基本的な手順

  1. リファレンス・ページのテンプレートを見つけることができるように、コレクト材料が必要
  2. 計画されたパーティションレイアウトを考えてみましょう
  3. まず、一般的なフレームワークのhtmlのさまざまな部分の輪郭を作り、CSSスタイルは、(の少しを取るのようなものを書くために)書き込みを行きます
  4. 他のHTMLの導入を容易にするために、別々に格納され、頻繁に使用されるCSSスタイル
  5. +患者のケア

3.いくつかのヒントと注意事項

JetBrainsのシリーズソフトでHTMLを書くことについて1.話、CSSの操作

かどうかpycharmのIDEAまたはwebstorm ......、すべての時間がTABキーを使用します書き込み、これは本当に非常に簡単な方法です。
そのようなものとして

<div id="div1"></div>

私たちはただ、CSS、使用するクラスとして話す前に、ライン上のTABキーを押しDIV#1 DIV1を入力する必要があります。.. もちろん、より便利な時間は、CSSを書くために

height:20px;

私たちは、H20入力する必要がありますし、それを知るしようとするより、自分のの、ライン上のTABキーを押してください。
リストを作成:UL>李*とn-TABを、nは必要なのリストの数である
あなたは、CTRL + dの繰り返しをコピーしたいとき

2.一般的なCSSスタイル

  1. 私たちは、ディスプレイの同じ行の要素をブロックする必要がある場合、一般的にそれが使用されているが、今回は親要素の高さは千万、またはオーバーフローに書き込みました:隠されたを。
  2. の位置を調整するためのマージンとパディングを使用する方法を学びます
  3. マージン:0自動;ブロック要素は、水平方向の中央、これは、ハッハッハを覚えておく必要があります
  4. :まず、子,:最後の子,: n番目の子(XN)が使用され、これらは通常のリストを選択するために使用されるいくつかの別個に設けられ、xは数n-意志がある李,: n番目の子(XN)を行います3Nは3,6,9であるなど、昇順でリストの最後を知っている......
  5. 図以下のブレッドクラム、。
    ここに画像を挿入説明
    ここに画像を挿入説明

3.注意事項および材料

時には私たちは、次のようないくつかのオンライン材料、借りることができ、ホイールを作成繰り返さない
ここに画像を挿入説明
オンライン直接ダウンロードjqueryのを行っているが、中に移動しました。

警告:あなたはどこの書き込みを見つけるならば、あなたは効果は同じではありませんか、突然姿を消したところ、PXは追加していないところをよく見ていないと思います!初めはエラーに最も傾向がある。その後、CSSが注目を分割され、一般的に使用されるスタイルは一緒に、複数のページスタイルは非常に多くの時間が多くのコードを書くより少なく使用することができ、一緒に関与しました

エンディング

関連ファイルは、私がアップロードした、と、私はリソースTieshanglaiへのリンクを入れて数日が検討されています。おそらくちょうどHTMLとCSSは非常に有用でなければなりません学ぶために先頭に、より多くの4時間以上費やしたこのサイトを書きます。劣ったものがあるので、ので、このブログは、比較的リーンです。

公開された85元の記事 ウォン称賛55 ビュー20000 +

おすすめ

転載: blog.csdn.net/shelgi/article/details/104383400