まず、物事は検討中で、今日されているものを、最も重要なのは、div要素を持つWebページのレイアウトを学ぶことですが、前の文がDIVことができるすべてのものがあります。
Webページを記述するために学習するときにページが、それが延伸することができる最小限に抑えることであるならば、私は、最初の要素は、最小幅とこの2つの要素の最小の高さである、二つの要素は、サブ表面倍率に大きく関与している、学校にいましたA。
ラベル、テキスト装飾を除去する下線;なし:下線;下線ときテキストラベルにマウスを移動する第二の点は、ラベル、テキスト装飾の治療効果のために、ということです。
第三のポイント:行の高さを使用して整列していない場合は前のリスト内の黒点を除去するためには、ラベルの位置合わせの問題があり、非常にシンプルです。
第四の点:100pxに自動;垂直に配置され、左右の余白の余白100pxに自動アライメント、テキスト整列:第二の問題中心のdiv、余裕をもって対処する方法中心、次にテキストを入力するテキストボックスの中心。これは、中央に配置されます。
第五:HTML、本体{幅:100%;高さ:100%;}、表面360の特別なホーム・ページを検索するので、また重要である、100%のようにページのフロントページの幅と高さこの要素が追加されます。
6点目:.nav_2、この書き込みを.like .nav_2、このクラスのプロパティのいくつかは、親要素と親要素のタグの子タグのようになりますが、同じです。
第七点:IMGタグ2つの困難があるIしません、フォントサイズ:0;サイズPXの内部入力タグが存在することになるので、この問題は、入力されたタグとボタンラベルの中央にギャップの主な要素を設定することですしたがって、親セット上に配置されたラベルを解決することができ、垂直整列:トップ、このタグは主に配置されたボタンダウン入力と2つのラベルが整列していないが、両者は上下に水平に整列する同じタグ要素に設定されています。
第八:位置:絶対;底:0;これは、底部の位置を設定する絶対位置divタグでは、その後、内部テキスト揃える事で境界を設定:中心と、テキストが水平センタリングされます。
最も重要:
第九のポイントは:マウスが要素の表面は、コードをコピーしますそれを使用する方法を見つけて、どこにコピーする方法を知ることができるようになりますどこのラベルが、そこに基本的には、とにかくいくつかの要素があることを知っているだろうときに表示されるドロップダウンメニューの上に置いたときに、これはありますOK上のコード。コード例:
HTML:<スパンクラス=「iconfontアイコンダウンは」>この行は、プラスボタンタグは、その後、我々は以下のCSSスタイルのコード例の内部でそれを設定し、このプルダウンメニューに表示される表します。
@フォントフェース { フォントファミリ:「iconfont」。 SRC:URL( '?iconfont.eotトン= 1566981829073') ; / * IE9 * / SRC:URL( 'iconfont.eot T = 1566981829073#iefix?')フォーマット( '組み込みのOpenType')、/ * IE6-IE8 * / URL( 'データ:アプリケーション/ X-フォントwoff2。charset = UTF-8; BASE64、d09GMgABAAAAAAJgAAsAAAAABhAAAAIUAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAocPwE2AiQDCAsGAAQgBYRtBy4bYwURBdTIfh7GxszmlqL8mCdXTHGi2l8Tqsb7HkE1Vvbs7iGqR1JfkcCOQCEa8TYqES5KsLEsWUdffhUzJ4QP49amDPdGRSiW7HnwXZ6R / 024kK7zdbpKVcgKWZ / ncnoT6EDmBzrX0Rw05sCjXoBxIAW6B0aRlVDGDWMXvMDHBJoW7InT / dmr6gp7VSBeuMd31QtJRWGVulBtOFjEaxX19DKNV9H345 / 9qJNUMrvn4qMzDxz / yanJB7MDNwJCioCOV5Cxh0JcbSyelwXjsubpYgVFEfw0m + GAOKpXsL / OBM + DOVgKfvJWCpDgsabKqE06RuTb + PhTJ451zHH4s3yyOJ4FgurbN2f1Dv + vtwr4vCJPMSxMfZ1Q8O7qwKFi6LY / FU1tdCTzBAlNTczg6NCPqa7JiaqhbjIhXDOfIatbIwu7h4qWQ6iqO4ayaddwvGWElaI0sOMNEPo + SLO + Iuv7koX9oWLqj6p + lGi6HqMLWzbCqVOMo + AC0wvcTKt2g6LiziOaWxw5r0f8FXl3GWirplwZcEVeYst + N52IBs2UoAfPYYwEG5PHWSorsh3qWje9qZopZcopDI0EWoDJC3BmZKWD8UJVPn + EjJtoxB2GuvIKsZ2bHbQqzQBysK2DDI / yyu7O6AihAY2RBPRgHooiArbmeR6aiYqdkN8c1M4oPdRWbe9If3cCmmx3CmcwKw / osWYZAAA = ')フォーマット('woff2' )、 URL( 'iconfont.woff?トン= 1566981829073')フォーマット( 'WOFF')、 URL( 'iconfont.ttf?トン= 1566981829073')フォーマット( 'TrueTypeの')、/ * クロム、Firefoxの、オペラ、サファリ、アンドロイド、 iOSの4.2 + * / URL( '?iconfont.svgトン= 1566981829073#iconfont')フォーマット( 'SVG'); / * iOSの4.1- * / } .iconfont { フォントファミリ:! "iconfont"が重要。 フォントサイズ:10pxの ; フォントスタイル:ノーマル ; -webkit-フォントスムージング:アンチエイリアス。 -moz-OSX-フォントスムージング: } .Iconダウン:前 { 内容:「\ E610」 ; } .moreBtn:ULをホバー { 表示を実行します:ブロックを ; //基本的にOKにコピー&ペーストの前では、この行は、我々はときにマウスホバーを実現することですそれが表示されます }
最後に、我々は、ドロップダウンメニューの設定に属性をするとき。
.more UL { 幅:70ピクセル。 高さ:200pxの。 国境:1pxの固体#CCCCCC。 リストスタイル:なし。 位置:絶対 ; 左:445px ; トップ:34px ; 表示:なし ; 背景色:白 ; } .moreのULのLi { 幅:70ピクセル。 高さ:28px ; 行の高さ:28px ; フォントサイズ:10pxの ; テキスト整列:センター ; カーソル:ポインタ ; } .moreのULのLi:ホバー { 背景色:#19b955。 色:白 ; }