码迷,mamicode.com
首页 > Web开发 > 详细

2015-09-17 第二节课 滚动标签、form标签和CSS样式

时间:2015-09-19 13:47:41      阅读:219      评论:0      收藏:0      [点我收藏+]

标签:

一、滚动字幕标签的用法:<marquee></marquee>

【举例如下】:

<marquee direction="left">想左边跑动!</marquee>

<marquee heiht="200" direction="up" hspace="200">向上滚动!</marquee>

<marquee scrollamount="2">我要慢慢的走!</marquee>

属性:

1、direction属性:指的是滚动的方向(分别指的是:left向左、right向右、up向上、down向下).  

2、behavior属性: alternate:表示文字来回滚动、scroll:单方向循环滚动、slide:只滚动一次。

3、hspace:表示字幕左右空白区域的大小

4、vspace:指定字幕上下空白区域的大小

5、scrollamount: 滚动速度  

6、scrolldelay:滚动停顿的时间。

 

二、form标签:<form></form>常用于注册和登陆页面的使用。

<form action=“提交地址” method="提交方式"></form>

【举例如下】:

<form action=“http:\\www.baidu.com” method="提交方式"></form>

注:method有两种取值方式(get和post取值方式)且get数据安全性没有post高、post的速度没有get快。

get和post的区别:

1、get适合传输数据比较小且安全系数比较低点的数据。   

2、post适合传输数据比较大且安全系数相对比较高点的数据。

 

三、form常用的表单元素:

1、文本框

  <input type="text"/>

2、密码框

  <input type="password"/>

3、下拉菜单 

<select name="" multiple="multiple">
    <option value="">请选择省份</option>
    <option value="1">北京</option>
    <option value="2">上海</option>
    <option value="3">广东</option>

</select>

   注:multiple="multiple" 多选

4、按钮

按钮:<input type="button" value="我是按钮"/>
重置按钮:<input type="reset"/>
提交按钮:<input type="submit"/>
普通按钮:<input type="button" value="普通按钮"/>
图像按钮:<input type= "image" src="image/btn.jpg"/>

注:重置和提交必须在form里面才可以有用

5、单选按钮

<input type="radio" name="sex" id="male" />
   <label for="male">男</label>
<input type="radio" name="sex" id="female" />
   <label for="female">女</label>

注:checked="checked" 默认选中

6、复选框

<input type="checkbox" value="apple" />苹果
<input type="checkbox" value="banana"/>香蕉
<input type="checkbox" value="pineapple"/>菠萝

7、上传图片

<input type="file" />

8、多行文本框

<textarea cols="20" rows="10" style="resize:none;"></textarea>
注:cols表示文本框的宽度   rows表示文本框的高度 resize:none;禁止拖动,文本框固定大小。

 

四、什么叫做CSS样式?

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

(2)CSS有四种控制方法:行内样式、内联样式、链接式、导入式  

(注:按就近原则排列)

1、行内样式

<body>

    <div style="color:red";></div>

</body>

2、内联样式

   <head>

      <title>这是网页</title>

           <style type="text/css">

                   div{

                      color:red;

                      }

          </style>

   </head>

3、链接式

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

4、导入式:

<style>

  @import url(1.css)

</style>

(3)CSS选择器:

1、标签选择器 

       div{

           width:200px;

           height:300px;

           color:red;

 }

2、id(#)选择器(具有唯一性)

     #d1{

     width:200px;

     height:300px;

     color:red;

}

 3、class(.)选择器

  .d1{ 

  width:200px;

     height:300px;

     color:red;

}

优先级:标签选择器<  class < id

css注释符号:/* */

 

五、css字体效果:
  文字大小:font-size:14px
  字体: font-family:"微软雅黑"
  字体颜色: color:#FF0000;
  文字粗细:font-weight:bold;
  文字下划线、删除线、定划线
  Text-decoration:underline /*下划线*/
  Text-decoration:overline /*顶划线*/
  Text-decoration:line-through; /*删除线*/

2015-09-17 第二节课 滚动标签、form标签和CSS样式

标签:

原文地址:http://www.cnblogs.com/admi88/p/4821254.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!