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

HTML与CSS基础教学
本文介绍了HTML中的表单元素及属性使用方法,包括单选按钮、复选框、文件上传等,并探讨了CSS的基本写法及样式控制技巧。

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、英文首字母大写

转载于:https://www.cnblogs.com/stonecoolboy/p/4818008.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值