HTML/CSS的知识要点

1，在 html 代码中输入回车、空格都是没有作用的；
     回车：使用<br/>或<br>

               <br/>表示空标签，没有HTML内容的标签就是空标签，空标签只需要写一个开始标签，这样的标签有<hr/>(横      线),<img/>(图片)。

     空格：使用&nbsp;

                在html中输入的空格是不起作用的，如果想输入空格必须使用“&nbsp;”，几个空格就写几个“”&nbsp;"

2，在html中加入一句代码，使用<code>;

<code>var message="欢迎";</code>

      如果要加入一段代码，则使用<pre>;

<pre>
var message="欢迎";
for(var i=1;i<=10;i++)<br>
{<br>
    alert(message); <br>
}<br>
</pre>

3，所有表单控件（文本框、文本域、按钮、单选框、复选框等）都必须放在<form></form>标签之间（否则用户输入的信息可提交不到服务器上哦！）

<form    method="post"   action="save.php">
        <label for="username">用户名:</label>
        <input type="text" name="username" />
        <label for="pass">密码:</label>
        <input type="password" name="pass" />
</form>

4，标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。

   <label for="male">男</label>
  <input type="radio" name="gender" id="male" />

5,   CSS中的三种布局模型：流动模型（Flow）、浮动模型 (Float)、层模型（Layer）

6,   盒子模型代码简写

a、如果top、right、bottom、left的值相同
margin:10px 10px 10px 10px;可缩写为：margin:10px;
b、如果top和bottom值相同、left和 right的值相同
margin:10px 20px 10px 20px;可缩写为：margin:10px 20px;
c、如果left和right的值相同

margin:10px 20px 30px 20px;可缩写为：margin:10px 20px 30px;

7,   颜色代码简写

a、p{color:#000000;}可缩写为：p{color:#000;}
b、p{color:#334455;}可缩写为：p{color:#345;}

8,   字体代码简写

body{
    font-style:italic;
    font-variant:small-caps; 
    font-weight:bold; 
    font-size:12px; 
    line-height:1.5em; 
    font-family:"宋体",sans-serif;
}

可缩写为：

body{
    font:italic  small-caps  bold  12px/1.5em  "宋体",sans-serif;
}

注意：

1、使用这一简写方式你至少要指定 font-size 和 font-family 属性，其他的属性(如 font-weight、font-style、font-varient、line-height)如未指定将自动使用默认值。
2、在缩写时 font-size 与 line-height 中间要加入“/”斜扛。
9,   颜色值

1、英文命令：p{color:red;}
2、RGB颜色：p{color:rgb(122,0,255);}或p{color:rgb(122%,0%,255%);}每一项的值可以为0~255之间的整数
3、十六进制：p{color:#223322;}
10,   长度单位

a、像素（px）
b、em 
        即本元素给定字体的 font-size 值，如果元素的 font-size 为 14px ，那么 1em = 14px；如果 font-size 为 18px，那么 1em = 18px;
          p{font-size:12px;text-indent:2em;} 实现段落首行缩进 24px（也就是两个字体大小的距离）;
  但当给 font-size 设置单位为 em 时，此时计算的标准以 p 的父元素的 font-size 为基础

p{font-size:14px}
span{font-size:0.8em;
}
<p>以这个<span>例子</span>为例为例为例为例为例例</p>

（结果 span 中的字体“例子”字体大小就为 11.2px（14 * 0.8 = 11.2px））
c、百分比
    p{font-size:12px;line-height:130%}（设置行高（行间距）为字体的130%（12 * 1.3 = 15.6px））