zoukankan      html  css  js  c++  java
  • 2015-09-17 第二节课 html、滚动标签、表单设计、form标签和CSS样式

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

    语法:

    <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":表示文字来回滚动
      3、behavior="scroll":单方向循环滚动
      4、behavior="slide":只滚动一次
      5、hspace:表示字幕左右空白区域的大小
      6、vspace:指定字幕上下空白区域的大小
      7、scrollamount: 滚动速度  
      8、scrolldelay:滚动停顿的时间。
      9、loop=n:循环移动(n,表示次数
      10、字号:<font size=n>(n,变量)
      11、对齐方式:align=top/middle/bottom
      12、背景颜色:bgcolor=Blue
      13、速度:scrollamount=n(n,变量)
      14、延时:scrolldelay==n(n,变量)
      15、onmouseover=this.stop()
      16、onmouseout=this.start()>"

    nmouseover:设置鼠标放在移动区域的时候暂停移动  onmouseout:鼠标离开的时候滚动

    二、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{

             200px;

             height:300px;

         color:red;

    }

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

         #d1{

           200px;

           height:300px;

           color:red;

    }

      3、class(.)选择器

      .d1{ 

        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; /*删除线*/
  • 相关阅读:
    java security
    java 反射 动态代理
    java 泛型
    angularjs编码实践
    angularjs 资源集合
    java 类的加载,链接,初始化
    java 伪共享
    java cpu缓存
    SpringMVC,Controller的返回页面类型以及路径设置默认值
    org.springframework.web.bind.annotation重定向的问题
  • 原文地址:https://www.cnblogs.com/admi88/p/4821254.html
Copyright © 2011-2022 走看看