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>什么事表单呢？指定传值：传值和传引用, 传值方式有get和Post.

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相同的名称(习惯要养好)

Html，css,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)

html+css—two的更多相关文章

  1. Matplotlib数据可视化（3）：文本与轴

      在一幅图表中,文本.坐标轴和图像的是信息传递的核心,对着三者的设置是作图这最为关心的内容,在上一篇博客中虽然列举了一些设置方法,但没有进行深入介绍,本文以围绕如何对文本和坐标轴进行设置展开(对图像 ...

  2. CSS的未来

    仅供参考 前言 完成<CSS核心技术与实战>这本书,已有一个多月了,而这篇文章原本是打算写在那本书里面的,但本章讲解的内容,毕竟属于CSS未来的范畴,而这一切都还不能够确定下来,所以这一章 ...

  3. 前端极易被误导的css选择器权重计算及css内联样式的妙用技巧

    记得大学时候,专业课的网页设计书籍里面讲过css选择器权重的计算:id是100,class是10,html标签是5等等,然后全部加起来的和进行比较... 我只想说:真是误人子弟,害人不浅! 最近,在前 ...

  4. 前端css兼容性与易混淆的点

    一.常用的骨灰级清除浮动 .clearfix:after { content: "."; display: block; height:; clear: both; visibil ...

  5. 理解CSS外边距margin

    前面的话   margin是盒模型几个属性中一个非常特殊的属性.简单举几个例子:只有margin不显示当前元素背景,只有margin可以设置为负值,margin和宽高支持auto,以及margin具有 ...

  6. 理解CSS视觉格式化

    前面的话   CSS视觉格式化这个词可能比较陌生,但说起盒模型可能就恍然大悟了.实际上,盒模型只是CSS视觉格式化的一部分.视觉格式化分为块级和行内两种处理方式.理解视觉格式化,可以确定得到的效果是应 ...

  7. 谈谈一些有趣的CSS题目（十二）-- 你该知道的字体 font-family

    开本系列,谈谈一些有趣的 CSS 题目,题目类型天马行空,想到什么说什么,不仅为了拓宽一下解决问题的思路,更涉及一些容易忽视的 CSS 细节. 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题 ...

  8. ASP.NET MVC with Entity Framework and CSS一书翻译系列文章之第二章：利用模型类创建视图、控制器和数据库

    在这一章中,我们将直接进入项目,并且为产品和分类添加一些基本的模型类.我们将在Entity Framework的代码优先模式下,利用这些模型类创建一个数据库.我们还将学习如何在代码中创建数据库上下文类 ...

  9. 谈谈一些有趣的CSS题目（十一）-- reset.css 知多少？

    开本系列,谈谈一些有趣的 CSS 题目,题目类型天马行空,想到什么说什么,不仅为了拓宽一下解决问题的思路,更涉及一些容易忽视的 CSS 细节. 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题 ...

  10. 梅须逊雪三分白，雪却输梅一段香——CSS动画与JavaScript动画

    CSS动画并不是绝对比JavaScript动画性能更优越,开源动画库Velocity.js等就展现了强劲的性能. 一.两者的主要区别 先开门见山的说说两者之间的区别. 1)CSS动画: 基于CSS的动 ...

随机推荐

  1. C#接口的使用场合，接口应用

    当一个项目不断的扩大的时候,会面临的问题是不断的有以下情况: 1.以前编写程序的人离职了,新来的程序员看不懂以前的程序,或者觉得以前的程序部够好,但又不希望删除: 2.当实现第三方接口时,如:读写IC ...

  2. CYQ学习教程

    http://www.cyqdata.com/cyqdata/article-detail-413

  3. 第 3 章 MySQL 存储引擎简介

    第 3 章 MySQL 存储引擎简介 前言 3．1 MySQL 存储引擎概述 MyISAM 存储引擎是 MySQL 默认的存储引擎,也是目前 MySQL 使用最为广泛的存储引擎之一.他的前身就是我们在 ...

  4. [原创]可动态显示圆形图像或圆形文字的AvatarImageView

    项目地址: https://github.com/Carbs0126/AvatarImageView 前言: 在做电话本或者其他应用时,显示联系人头像的策略一般是这样的:先判断是否有头像图片,如果有, ...

  5. （一）u-boot-nand.bin的下载

    编译.连接好u-boot-nand.bin首先想到是如何下载到OK6410上,有3种方法: (1)dnw方法 (2)tftp方法 (3)sd卡方法 3种方法各有优点和缺点,下面逐一介绍: 一.dnw方 ...

  6. 堆的基础题目学习（EPI）

    堆的应用范围也比较广泛,经常游走在各种面试题目之前,不论算法设计的题目还是海量数据处理的题目,经常能看到这种数据结构的身影.堆其实就是一个完全二叉树的结构,经常利用数组来实现.包含最大堆和最小堆两种. ...

  7. ora-01031:insufficient privileges解决方法 - 转

    今天晚上要远程修改一个分公司的数据库参数,于是下午先远程过去做些准备工作.数据库是oracle 11g rac,操作系统是windows 2008 server,我还是第一次见过windows下的or ...

  8. 墓地雕塑-LA3708

    https://icpcarchive.ecs.baylor.edu/index.php?option=com_onlinejudge&Itemid=8&category=20& ...

  9. 十家国内知名的EDM服务提供商

    国内的EDM服务商多若繁星.下面博主为大家介绍十家国内知名的EDM服务提供商. 一.Webpower 威勃庞尔. 官方网站是:www.webpower.asia.作为全球领先的邮件营销解决方案提供商, ...

  10. 【Android学习】XML文本的三种解析方式(通过搭建本地的Web项目提供XML文件)

    XML为一种可扩展的标记语言,是一种简单的数据存储语言,使用一系列简单的标记来描述. 一.SAX解析 即Simple API for XML,以事件的形式通知程序,对Xml进行解析. 1.首先在Web ...