div+css+html 勉強メモ(1)_html/css_WEB-ITnose

1. 外部 CSS をインポートします:

<link rel="stylesheet" type="text/css" href="skin/css/index.css">

2. 水平 div

#search {    width: 10%;float: left;}

float: left; この属性は、他の要素をその後ろ (右側) に配置できるようにします。 ）。

3. 2 つの div が隙間を残さずに接続されます

#a { background: #ff0000; width: 70%;height: 20px; float: left;}#b { background: #ff0000; width: 30%; height: 20px; float: right; }

4. div の外側の境界線
border: 1px 実線 #ccc; 5. 破線

---

6. img タグ alt の役割、例:

<img src="/static/imghwm/default1.png"  data-src="skin/images/index/left_top.jpg"  class="lazy"  alt="木有图片">

インターネットが遅すぎる、パスが間違っている、または他の理由がある場合は、alt のテキスト説明に置き換えられます。

ps: ブラウザのウィンドウがどんなに大きくても、画像が変形しにくいように、実際のピクセルを使用してください。パーセンテージを使用する場合、それは親レイアウトの割合となり、サイズは閲覧ウィンドウのサイズに応じて変化します。