美文网首页
1月23号笔记

1月23号笔记

作者: 大白一只 | 来源:发表于2018-01-23 18:16 被阅读0次

<ul>

<li></li>

</ul>

无序列表

<ol>

<li></li>

</ol>

有序列表

<dl>

<dt></dt>

<dd></dd>

</dl>

自定义列表

<!--文字--> 注释标签

<table>

<tr>

<td></td>

</tr>

</table>

表格标签(邮件营销可以使用)

Tr是横

Td是列

例:

<body>

<div style="border:#000000 1px solid;solid width:900px;float:left;">

    <div style="border:#000000 1px solid;width:300px;height:100px;float:left;"></div>

    <div style="border:#000000 1px solid;width:596px;height:100px;float:left;"></div>

    <div></div>

    <div></div>

<div>

    <div></div>

    <div></div>

    <div></div>

</div>

<div></div>

</div>

网页上的宽高都是以像素为单位“px”

Style;样式

Border;边线

Solid ;固体(表格属性必加)

Width;宽

Height;高

float:left;左浮动标签

例:

<html>

<head>

<title>妙芬</title>

<style>

.dhz{border:#000000 1px solid; width:900px;float:left;}

.h1{border:#000000 1px solid;width:300px;height:100px;float:left;}

.h2{border:#000000 1px solid;width:596px;height:100px;float:left;}

.h3{border:#000000 1px solid;width:898px;height:50px;float:left;}

.h4{border:#000000 1px solid;width:898px;height:300px;float:left;}

.h567{width:500px;height:500px;float:left;"}

.h5{border:#000000 1px solid;width:248px;height:248px;float:left;}

.h7{border:#000000 1px solid;width:498px;height:248px;float:left;}

.h8{border:#000000 1px solid;width:398px;height:500px;float:left;}

</style>

</head>

<body>

<div class="dhz">

<div class="h1"></div>

<div class="h2"></div>

<div class="h3"></div>

<div class="h4"></div>

<div class="h567">

  <div class="h5"></div>

  <div class="h5"></div>

  <div class="h7"></div>

</div>

<div class="h8"></div>

</div>

</body>

</html>

Id对应#

Class对应.

内外部调用就用{  }

外部调用:

<link rel="stylesheet" type="text/css" href=" 调用路径  " />

例:

<html>

<head>

<title>妙芬</title>

<link rel="stylesheet" type="text/css" href="E:/妙芬/妙芬.css" />

</head>

<body>

<div class="dhz">

<div class="h1"></div>

<div class="h2"></div>

<div class="h3"></div>

<div class="h4"></div>

<div class="h567">

  <div class="h5"></div>

  <div class="h5"></div>

  <div class="h7"></div>

</div>

<div class="h8"></div>

</div>

</body>

</html>

路径:妙芬.css

调用内容:

<style>

.dhz{border:#000000 1px solid; width:900px;float:left;}

.h1{border:#000000 1px solid;width:300px;height:100px;float:left;}

.h2{border:#000000 1px solid;width:596px;height:100px;float:left;}

.h3{border:#000000 1px solid;width:898px;height:50px;float:left;}

.h4{border:#000000 1px solid;width:898px;height:300px;float:left;}

.h567{width:500px;height:500px;float:left;"}

.h5{border:#000000 1px solid;width:248px;height:248px;float:left;}

.h7{border:#000000 1px solid;width:498px;height:248px;float:left;}

.h8{border:#000000 1px solid;width:398px;height:500px;float:left;}

</style>

相关文章

网友评论

      本文标题:1月23号笔记

      本文链接:https://www.haomeiwen.com/subject/lnfeaxtx.html