HTML & CSS 初学笔记

HTML & CSS 初学笔记

一、HTML

1、label标签的for属性

当你按了label中的文字，可以让文字与控件联系在一起，用"for"属性将label与另一个元素绑在一起。"for"属性值应该和相关的元素"id"属性值相同。

2、object标签

   <OBJECT

        id="ActiveX1"

        classid="clsid:ED0D4A58-D6EC-468D-AD77-7533E0EB1B3D"

        codebase="./ActivemediaprobeProj1.cab#version=1,0,2,0"

        width=0    height=0   align=center  hspace=0   vspace=0

    >

 

二、CSS

1、CSS样式分类
   -| 行内样式： <p style="key:value;key:value;">内容</p>
   -| 内嵌式：
      <style type="text/css">

  <!--
       p{

      key:value;

      key:value;
       }

      -->
      </style>
   -| 链接式： <link href="filename.css" type="text/css" rel="stylesheet">
   -| 导入样式：
      <style type="text/css">

  <!--
      @import url(filename.css);

   -->
      </style>

2、CSS选择器
   -| 标记选择器： p{ key:value; key:value; }

   -| 类别选择器： .class{ key:value; key:value; }
   -| ID选择器： #id{ key:value; key:value; }
   -| 选择器集体声明： h1,#id,.class{ key:value; key:value; }
   -| 选择器的嵌套(子孙关系)： p h1{ key:value; key:value; }
   -| 子选择器(父子关系)： p>h1{ key:value; key:value; }

3、div是跨行标记，而span是行内标记；

4、盒子模型
   一个盒子由里到外由content、padding、border和margin四部分组成。

元素定位
   float定位、position定位(absolute/relative)、z-index空间位置。