学习html(8)

原创 2015年07月06日 23:49:42

1.利用行高设置文字的居中

    line-height,相当于某一部分整个只有一行文字,所以显示文字居中。

 

2.色彩的表示

    颜色用数字来表示,计算机世界能够识别二进制。

    三原色各在0~255之间进行变化,即为00~FF

    Html中有三种表现形式:

    1.#123456;

    2.rgb( 200,200,200);

    3.orange,red等。

 

3.尺寸的表示

    1.用像素来表示;

    2.用百分比表示,块状元素要是没有声明宽度,默认占满父元素的宽度;

    3.用em表示文字大小,em是相对大小,是指其父元素中的1个“M”的大小,简单理解为父元素的font-size就是一个em的大小。

 

4.CSS画圆角

    border-radius圆弧来画圆角。

 

5.相对定位与绝对定位

    相对定位(positionrelative)是指,元素在自己的正常的位置上偏移某些尺寸。

    绝对定位(positionabsolute)是指,相对于父元素的四个方向来定位,在有绝对定位是,父元素要修有position属性才行,否则将依据父元素的父元素,一直到body来定位, 哪个父元素有position,就相对于哪个父元素。其中的元素相当于出现在父元素的上空,不占父元素的位置,可以利用空间的z-index来表示所在的高度,例如z-index:1000

 

6.overflow溢出处理

    默认情况是visible,隐藏式hidden,滚动条scroll,自动框auto(不溢出不加滚动条)。

 

7.表单

    在用户注册,在线报名等场合时,需要用户填写信息,填写并提交,这时要用到表单来收集用户的信息。

    <form action =”” method=”post”></form>声明,控制发送的地址为action后面链接的,method表示发送方式,有两种发送信息的方式,一种是放在地址栏上面显示,另外一 种是在如上,会在后台发送。

    <input type=”text” name=”username”value=””/>输入文本框,value表示默认值。

    <input type=”password” name=”password”/>输入密码框。

    <input type=”radio” name=”gender”value=”” checked=”checked”/>单选框,checked表示默认选中。

    <input type=”checkbox” name=”hobby” value=””/>输入多选框,默认与上面一样。

    <select name=””>

    <option value=””selected=”selected”></option>

    </select/>选择下拉框,selected默认选中。

    <textarea name=””></textarea>大文本框。

    <input type=”file” name=”pic”/>上传头像,文本域不能够设置默认值。

    <input type=”hidden” name=”” value=””/>隐藏域。

    <input type=”submit”value=””/>提交按钮。

 

8.框架集(frameset)

    一个网页套其他的网页。

    不用使用body,使用<frameset></frameset>。


<!DOCTYPE html>
<head>
<title>框架集</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
	<frameset rows="200px,*">
		<frame src=""></frame>
		<frameset cols="200px,*">
			<frame src=""></frame>
			<frame src="" name="you"></frame>
		</frameset>
	</frameset>
</html>


HTML学习1:Dreamweaver8的安装

Dreamweaver是一款非常实用的HTML编辑软件,使用方面也是非常简单。我们在进行网页设计的时候,经常用的一款软件就是DW8,该软件非常的好用,这款软件的好处之一就是能够将代码和设计进行分离,使...

【Cocos2d-html5游戏引擎学习笔记(8)】音乐及音效

cocos2d-html5同样为我们做好的音乐文件的播放功能,其实我们完全可以用cocos2d-html5来做一款音乐播放器,它为我们提供好了播放,暂停,回放,循环播放等等方法,只需要简单的调用即可。...

Win8 HTML5与JS编程学习笔记(一)

微软的Visual Studio提供了多种构成win8应用的方式,其中最让我感到激动的是基于网页设计语言的开发模式,它提供了结合HTML5与Javascript来开发应用的方法,通过这种方法进行开发,...

Silverlight/Windows8/WPF/WP7/HTML5周学习导读(7月9日-7月15日)

Silverlight/Windows8/WPF/WP7/HTML5周学习导读(7月9日-7月15日) 本周Silverlight学习资源更新 分享基于Silverligh...
  • jv9
  • jv9
  • 2012年07月18日 23:12
  • 6629

Silverlight/Windows8/WPF/WP7/HTML5周学习导读(8月27日-9月2日)

Silverlight/Windows8/WPF/WP7/HTML5周学习导读(8月27日-9月2日)本周Silverlight学习资源更新Silverlight 3D 投射mypc2010Silve...
  • jv9
  • jv9
  • 2012年09月07日 12:55
  • 5061

HTML5学习笔记8-编辑API之Range对象(一)

Range对象:代表页面上的一段连续区域。通过Range对象,可以获取或修改网页上的任何元素 1、selection对象与Range对象的使用 ...

Silverlight/Windows8/WPF/WP7/HTML5周学习导读(8月5日-8月12日)

Silverlight/Windows8/WPF/WP7/HTML5周学习导读(8月5日-8月12日)本周Silverlight学习资源更新Silverlight设计时特性的使用_eagleSilve...
  • jv9
  • jv9
  • 2012年08月15日 01:55
  • 8776

Silverlight/Windows8/WPF/WP7/HTML5周学习导读(7月16日-7月22日)

Silverlight/Windows8/WPF/WP7/HTML5周学习导读(7月16日-7月22日)本周Silverlight学习资源更新Silverlight DataGrid用法 模板列黑眼圈...
  • jv9
  • jv9
  • 2012年07月24日 00:12
  • 7786

Silverlight/Windows8/WPF/WP7/HTML5周学习导读(7月23日-7月29日)

Silverlight/Windows8/WPF/WP7/HTML5周学习导读(7月23日-7月29日)本周Silverlight学习资源更新Silverlight OOB模式下COOKIE处理gre...
  • jv9
  • jv9
  • 2012年08月01日 03:34
  • 8871

Windows8的到来,让所有程序员必须彻底的刷新自己,否则将被淘汰!学习HTML5

微软首次向外界展示了其下一代操作系统Windows8的用户界面,评论圈的大部分反应是积极的,然而程序员们却感到忧心忡忡:因为他们以前的经验在Windows8的开发中将无足轻重,因为新技术的诞生。Win...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:学习html(8)
举报原因:
原因补充:

(最多只允许输入30个字)