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=”width: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;width: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)

 

转载于:https://www.cnblogs.com/wangwangwangMax/p/4825548.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值