zoukankan      html  css  js  c++  java
  • html+css—two

    1.滚动字幕(不常用)

    默认状态:<marquee>向左移动</marquee>

    //-- hspasc滚动区域height滚动字幕高度

    <marquee height=”100” direction=”up” hspasc=”100”>向上移动</marquee>

    <marquee direction=”right”>向右移动</marquee>

    // behavior=”alternate”来回滚动,behavior=”slide”滚动到目的地就停止滚动

    <marquee width=”700” behavior=”alternate”>来回滚动</marquee>

    // scrolldelay滚动一下停顿的时间,单位毫秒

    <marquee  scrolldelay=”2”>滚动一下停顿2毫秒</marquee>

    <marquee  scrollamount=”2”>滚动的速度</marquee>

      

    <form></form>什么事表单呢?指定传值:传值和传引用, 传值方式有getPost.

    Get浏览器地址栏可以看到,数据量比较小的,安全系数不高;

    Post,位于表单,数据量大安全系数相对较高。

    表单元素有些什么?

    <form action=”地址” method=”post”>

       <table>

         <tr>

           <td>用户名:</td>

           <td><input  type=”text”/></td>

    </tr>

    <tr>

           <td>密码:</td>

           <td><input  type=”password”/></td>

    </tr>

    <tr>

           <td>性别:</td>

            //<label for=”g”> id=”b”点击文字也可以选择

           <td>

    <input  type=”radio”  name=”sex” id=”b”/><label for=”b”></label>

    <input  type=”radio”  name=”sex” id=”g”/><label for=”g”></label>

    </td>

    </tr>

    <tr>

           <td>喜欢的颜色</td>

           <td>

              <select>

                <option>请选择</option>

                <option>橙色</option>

                <option>红色</option>

                <option>黑色</option>

              </select>

    </td>

    </tr>

    <tr>

           <td>喜欢的水果:</td>

           <td>

    <input  type=”checkbox”/>苹果

    <input  type=”checkbox”/>香蕉

    </td>

    </tr>

    <tr>

           <td>个人简介</td>

           <td>

              // resize:none;静止拖动大小

    <textarea clos=”2” rows=”5” style=” resize:none;”></textarea>

    </td>

    </tr>

    //重置和

    <tr>

    <td><input  type=”reset”/></td>

            <td><input  type=”submit”/></td>

    </tr>

       </table>

    <input type=”botton” velue=”我是一个普通按钮”/>

    </form>

    //以上这些控件都是Html控件或客户端控件(客户端控件+Ajax),还有服务端控件(用的少)

     

    补充控件:

    <fieldset style=”100px;height:100px;”>

      <legend align=”top”>分类</legend>

    </ fieldset>

    //<iframe></iframe>在一个页面里面嵌套另一个页面

    <iframe></iframe>

     

    //Html 4.0.1版本

    //Html+在原来的版本上加了一些标签,目前只支持一些高版本浏览器

    //百分比针对当前浏览器,最好少用

    关于CSS

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

        

    如何写css的方式?

    第一种在div后写style属性height:100px; width=100px;border:solid 1px red;这是css属性,叫行内样式

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

    第二种:内嵌式,直接在<head></head>里面写

    <head>

      <style type=”text/css”>

       Div

    {

          height:100px; width=100px;border:solid 1px red;

    }

    .c1{color:#ffffff}

      </style>

    </head>

    <div></div>//这叫选择器

    //标签选择器,表示这个页面里面所有的标签选择,全页面共用,优先程度高,一个标签//可以选多个样式

    <div class=”c1”> hello!</div>

    //还有一种Id选择器,通过#寻找,不能重复,不能多个

    <div id=”c2”>hello!</div>

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

    第三种链接式(最常用)

    新建css,和html相同的名称(习惯要养好)

       

     

    Htmlcss,js的页面分开调用

    新建一个css,命名和html同步最好

    Css 里面:#cc1{height=100px;100px;}

    Html页面:<div id=”cc1”></div>

    第四种导入样式,html所有样式加载完了才加载样式(基本不用)

     <style>

     @import url(1.css)

    </style>

    注释:html注释<-- --> css注释/* */

    设置div的字体大小

    Font-size:18px;//字体大小

    Color:#ffffff;//字体颜色

    font-family //字体

    Font-wight//字体加粗

    <div id=”d1”>

     <p></p>

    </div>

    Css具有继承性

    1.文字下划线、删除线、定划线

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

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

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

    2.文字对齐方式

    Text-aligh:center;  //文字对齐居中

    Text-aligh:left;//默认

    Text-aligh:right; //向右对齐

    Line-height;//文字垂直对齐,等于它的高度

    3.英文字母大小写

    Text-transform:capitalize  /*单词首字大写*/

    Text-transform:uppercase /*全部大写*/

    Text-transform:lowercase /*全部小写*/

        4.字母间距

    Letter-spacing (默认为normal)

  • 相关阅读:
    laravel吐槽系列之一
    每日晨读_20140924
    技术晨读_2014_9_1
    大话胖model和瘦model
    大话PHP缓存头
    vim黏贴自动增加tab的毛病
    Laravel学习
    郑捷2017年电子工业出版社出版的图书《NLP汉语自然语言处理原理与实践》
    delete
    NLP知识结构概述
  • 原文地址:https://www.cnblogs.com/wangwangwangMax/p/4825548.html
Copyright © 2011-2022 走看看