HTML二堂课程表单及CSS基本样式

1、表单get（数据量小安全系数低）、post（数据量大安全系数高）

2、表单元素有哪些？

<table>
<form action="https://www.baidu.com" method="post">
 <tr><td>用户名：</td><td><input type="text"/></td></tr>
 <tr><td>密码：</td><td><input type="password"/></td></tr>
 <tr><td>喜欢的颜色：</td><td>
  <select>
  <option>---请选择---</option>
  <option>---红色---</option>
  <option>---蓝色---</option>
  </select>
  </td></tr>
  <tr><td>性别：</td><td><input type="radio"/ name="sex" id="m"><label for="m">男</label>
        <input type="radio"/ name="sex" id="f"><label for="f">女</label></td></tr>
  
  <tr><td>喜欢的水果：</td><td><input type="checkbox"/>橘子
          <input type="checkbox"/>香蕉
                             <input type="checkbox"/>梨子                             
   <tr><td>头像：</td><td><input type="file"/></td></tr>
   <tr><td>个人简介：</td><td><textarea cols="50" row="20"></textarea></td></tr> 
   <tr><td>用户名：</td><td><input type="reset"/></td></tr>
   <tr><td>用户名：</td><td><input type="submit"/></td></tr>
   <tr><td>用户名：</td><td><input type="button" value="我是一般的按钮"/></td></tr> 
  </td></tr>               
</form>
</table>

重置按钮和submit只能在form里面用

3、iframe网页中嵌套

<iframe src="http://www.ruanmou.net" height="200px"></iframe>

 

CSS （一）

1、 前言

1） CSS （Cascading Style Sheet）叠层样式表。用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

2） 样式三种控制方法

1、 行内样式

2、 内嵌式

3、 链接式

4、 导入样式

<style>

 @import url(1.css)

</style>

2、 CSS 基本语法

1） CSS选择器

1、 标记选择器

2、 类别选择器

3、 ID选择器

4、 集体声明

5、 优先级

ID>类>标记

2） CSS继承

子标记会继承父标记的所有样式，并可以自己修改，但不会影响父标记

3、 CSS文字效果

1） 字体

font-family

2） 文字大小

Font-size

3） 文字颜色

Color

4） 文字粗细

Font-weight

5） 文字下划线、删除线、定划线

Text-decoration:underline    /*下划线*/

Text-decoration:overline     /*顶划线*/

Text-decoration:line-through; /*删除线*/

6） 英文字母大小写

Text-transform:capitalize  /*单词首字大写*/

Text-transform:uppercase /*全部大写*/

Text-transform:lowercase /*全部小写*/

7） 字母间距

Letter-spacing (默认为normal)

8） FSCapture使用

9） 对齐方式

Left	Right	Center
左对齐	右对齐	居中对齐

       

行间距

Line-height