2、第2节课html教程客户端控件/css第一课/20150917

时间:2022-12-14 19:27:47

1、<form> 标签

  提交 <form action="http://www.baidu.com" method="post'> </form>

   提交有Post get 两种方式,默认get 但安全性不高 但执行效率比post 高

2、a、单选按钮如何控制只能选一个

   <input type="radio" name="sex" value="male" />男

  <input type="radio" name="sex" value="female"/>女

b、点选文字的时候也可以选中按钮

    <input type="radio" name="sex" value="male" id="1" checked /><label for="sex">  

3、复选框

  <input type="checkbox" />橘子

  <input type="checkbox" />苹果

4、上传文件按钮

5、多行输入框

6、重置按钮

  <input type

7、提交按钮

8、一般按钮

  <input type="button' value="我是一般按钮"

补充:

1、网页中嵌套一个网页

  <iframe src="http://baidu.com" ></iframe>

CSS部分:

1、css 写法

  a、行内样式

  <div style="height:100px;width:100px; border:solid 1px red;"></div>

  b、选择器:标签选择器    :整个页面中的所有标签都是这个样式

        class选择器 :.c1      class="c1"  优先级高于标签选择器,多个不同标签可以共用,

        ID选测器  :  #d1  <div id="d1"></div>   优先级最高,id 不能重复,而且只能用一次

  <title>

  </title>

  <div></div>

  c、链接式

   样式放在统一文件夹中,对应相应的页面取个相同名字

    <link rel="stylesheet" type="text/css" href="css/index.css" />

  d、导入式 :网页所有内容加载完成之后再加载 CSS 会出现很乱的页面

    <style>   @import css/index.css

2、css 注释方式

  /* */

3、设置字体样式

文字对齐方式:text-align:center;  | left  |  right  | 垂直居中 line-height:10px;

文字大小

4、英文首字母大写