zoukankan      html  css  js  c++  java
  • 第二课:HTML和CSS

    1、滚动字幕

         <marquee></marquee>

       属性:

                 scrollamount 指定每次移动的速度,数值越大速度越快
                 scrolldelay 文字每一次滚动的停顿时间,单位是毫秒。时间越短滚动越快
                 hspace 指定字幕左右空白区域的大小
                 vspace 指定字幕上下空白区域的大小
                 direction 设定文字的卷动方向,left表示向左,right表示向右,up表示往上滚动,down向下
                 behavior 指定移动方式,scroll表示滚动播出,slide表示滚动到一方后停止,alternate表示滚动到一方后向相反方向滚动。

       例:<marquee scrollamount="5" scrolldelay="1" hspace="200" vaspace="50" direction="left" behavior="scroll"></marquee>

    2、表单元素

       按钮:<input type="button" value="我是按钮"/>

       重置按钮:<input type="reset" value="重置"/>

       提交按钮:<input type="submit" value="提交"/>

       图像控件:<input type="image" src=""/>

       复选框控件:<input type="checkbox" name="fruit" value ="mango">芒果<br>

                        <input type="checkbox" name="fruit" value ="apple">苹果<br>

                        <input type="checkbox" name="fruit" value ="orange" >桔子<br>

       单选框控件:<select name="fruit" >

                        <option value="apple">苹果</option>

                        <option value="orange">桔子</option>

                        <option value="mango">芒果</option> </select>

       密码控件:<input type="password"  />

       文件上传控件:<input type="file" />

       普通文本框:<input type="text" value="我是文本框" />

    3、多行文本框

        <textarea name="yoursuggest" cols ="50" rows = "3"></textarea>

        用cols和rows控制行数列数

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

     

    7、 样式三种控制方法

    1、 行内样式

    2、 内嵌式

    3、 链接式

     

    8、CSS 基本语法

     

                   1、 标记选择器

     

                   2、 类别选择器

     

    9、CSS文字效果       

             1) 字体

     

                   font-family

     

             2) 文字大小

     

                  Font-size

     

             3) 文字颜色

     

                  Color

     

             4) 文字粗细

     

                  Font-weight

     

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

     

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

     

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

     

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

     

    大例:

    <html>

          <head>

                     <title>标题</title>

           <style type="text/css">

                  .b1{font-family:12px;color:red;font-weight:900;font-size:12px;}

                  #c1{font-family:12px;color:red;font-weight:900;font-size:12px;}

          </style>

          </head>

    <body>

              <div id="c1" class="b1">我们都是十六期的学员,很高兴学习.NET</div>

    </body>

    </html>

     

     

     

     

       

  • 相关阅读:
    jQuery.ajax()方法笔记
    Docker安装
    Linux下Nginx+keepalived实现高可用
    Linux安装Nginx
    Redis主从、哨兵、Cluster特性
    Linux搭建redis集群
    Linux搭建redis单机
    HashMap知识总结(jdk1.8)
    如何避免form提交进行页面跳转
    异步上传文件,jquery+ajax,显示进度条
  • 原文地址:https://www.cnblogs.com/banchengping/p/4819516.html
Copyright © 2011-2022 走看看