styles_html/css_WEB-ITnose の書き方をさらに学ぶ方法

左側のコンテンツ領域


内にコンテンツを書き続けることができます。通常は高さではなく幅のみが指定され、高さはコンテンツの下方向にサポートされます。

小さな容器や箱を小分けしたり、切る場合は、1行複数列、または複数行1列に切ると管理しやすくなります。
もちろん、複数の行と列を含むフォト アルバムの場合は、通常どおりに実行してください。


上記のレイアウトに加えて、いくつかの初期リセット スタイルを記述する必要もあります。
body,div,ul,li,h1,h2,h3,h4, h5, h6,p,form,img{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,アドレス, コード,del,dfn,em,img,ins,strike,strong,dl,dt,dd,ol,ul,li,form,label,fieldset,legend{margin:0;padding:0;border:0; }
div,span,a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;}
body{font-family: 'Microsoft YaHei','Microsoft Yahei';}
a{color:#666;text-decoration:none;}
a:link{color:#666;}
a:visited{color: # 666;}
a:hover, a:active{color:#ff7200;outline:0;}

次のような「パーツ」スタイルもあります:
. etc{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} /*省略記号*/
.wrap{word-wrap:break-word;}/*強制改行*/
.nowrap {white-space:nowrap;}/*改行を無効にする*/
.clearfix:after {content:'';display:block;height:0;overflow:hidden;clear:both;}

通常、最初にレイアウト図を描き、次に各ブロックのサイズを調整し、最後にブラッシュアップしていきます。
DW を使用してレイアウトを描画するのは非常に便利ですが、私はやはりペンで描画して直接コーディングするのが好きです。

少しずつ書き、dom 構造の最小ノードを使用して書き、それぞれを書き、最後にそれをまとめて大きなページを形成します

手で書くことを学び、さらにいくつかの Web サイトを身近なものにしましょう!