006 HTML, CSS

HTML

---

• table中可以使用表格嵌套来实现多种表格的设计.
  详细使用方法

• form标签
  • <input>
  • <submit>
  • <select> 下拉框
  • <textarea> 文本域
  • <action> 提交数据，默认提交到本页。
  • <method> 数据以何种方式提交。 默认为get， 可定义为get或post；

input用法
select用法
textarea用法

---

CSS

---

html引入css文件:
<link rel="stylesheet" href="../CSS/demo.css">
或 <style>@import "../CSS/demo.css";</style>

CSS选择器

• 第一种是标签(元素)选择器，也成为元素选择器。标签选择器的基本形式如下：tagName{property:value}，其中tagName是标签名称，property是css的属性。

• 第二种是类选择器 ，类选择器用来为一系列标签定义相同的呈现方式，常用的语法是 .classValue{property:value}。其中classValue是类选择器的名称，这是由css编写者自己命名。

• 第三种是ID选择器，ID选择器定义的是某一个特定的html元素，一个网页中只有一个标签或元素使用某一ID的属性值。ID选择器的基本语法格式如下：#idValue{property:value}。其中idValue是ID选择器的名称，可以由CSS编写者自己编写。 //尽量保证ID值在本页面唯一

• 拓展选择器:

  1.并集选择器 : 选择器1,选择器2{}
  2.子选择器 : 选择器1 选择器2{}
  3.父选择器 : 选择器1 > 选择器2{}
  4. 选择所有元素 : *{}
  5. 属性选择器: 元素名称[属性名="属性值"]{}
  6. 伪类选择器 : 元素:状态{} 状态有: link , hover, active, visited

盒子模型

• margin : 外边距
• padding : 内边距
  box-sizing: border-box;使盒子固定大小.
• float : 浮动.