关于HTML学习整理(一)
新人,自己整理,第一次发,以后慢慢整理,欢迎指点,那些链接怎么做的,希望有人告知一下,谢谢!
HTML页面写法,标签成对出现,可嵌套使用
<html>
<head>
<title>xxxxx</title>
</head>
<body>
- 直接写
- <div></div>一块区域
- <table> <tr><td>xxx</td></tr> </table>表格
- <ul> <li></li> </ul>无序列表
- <ol> <li></li> </o>有序列表
- <dl> <dt>定义的项(一般放图片)</dt> <dd>对项的描述</dd> </dl>
- <form>........</form>表单
- <input ></input>
- <iframe></iframe>
</body>
</html>
另一种写法,不常用
<html>
<head></head>
<frameset >
<frame >
</frame>
</frameset>
</html>
1.div参数
id="",class="",样式
style=="color:blue;text-align:center;height:1px高度;
width:1px;margin:1px 1px 1px 1px(边距暂时没有用过);
margin-left:到父容器左边框的距离。margin-right:到父容器右边框的距离。
margin-top: 到父容器上边框的距离。margin-bottom:到父容器下边框的距离。
padding:用于设置div的内边距。
padding-left:左内边距。padding-right: 右内边距。padding-top; 上内边距。padding-bottom: 下内边距。
position:(没用过)设置div的定位方式 属性:
static:div遵循html规则
fixed:在IE7与FF中DIV的位置相对于屏屏固定不变,IE6中没有效果(期待高手指点原因)
relative:top、left、right、bottom来设置div在页面中的偏移,但是此时不可使用层
absolute:用top、left、right、bottom对div进行绝对定位
z-index:设置div的层叠顺序。(dreamweaver里见过,挺好用)",用z-index属性时,position必需要指定为absolute才行
font:bold 14px 宋体;background-color:Yellow
font-family:设置要用的字体名称;
font-weight:指定文本的粗细,其值有bold bolder lighter等。
font-size:指定文本的大小。、
font-style:指定文本样式,其值有italic normal oblique等。
color:指定文本颜色。
text-align:指定文本水平对齐方式,其值有center(居中) left right justify
text-decorator:用于文本的修饰。其值有none underline overline line-through和blink的组合。 (在IE中无闪烁效果,FF中有效果。期待高手指点,)
text-indent:设置文本的缩进。
text-transform:设置文本的字母大小写。其值有lowercase uppercase capitalize(首字母大写) none。
overflow:内容溢出控制,其值有scroll(始终显示滚动条)、visible(不显示滚动条,但超出部分可见)、 auto(内容超出时显示滚动条)、hidden(超出时隐藏内容)。
direction:内容的流向。其值有ltr(从左至右)、rtl(从右至左)。
line-height:指定文本的行高。
Word-spacing:字间距。
float:设置div在页面上的流向,其值有left(靠左显示)、right(靠右显示)、none。
background-attachment:背景图像的附加方式,其值有scroll、fixed。
background-image:指定使有的背景图片。
background-repeat:背景图象的平铺方式。其值有no-repeat(不平铺)、repeat(两个方向平铺 )、 repeat-x(水平方向平铺)、repeat-y(垂直方向平铺)
background-position:在div中定位背景位置。其值有top bottom left right的不同组合。也可以以用坐标;"
隐藏hidden
关于HTML学习整理(一)的更多相关文章
- js数组学习整理
原文地址:js数组学习整理 常用的js数组操作方法及原理 1.声明数组的方式 var colors = new Array();//空的数组 var colors = new Array(3); // ...
- TweenMax学习整理--特有属性
TweenMax学习整理--特有属性 构造函数:TweenMax(target:Object, duration:Number, vars:Object) target:Object -- 需要缓 ...
- HttpClient学习整理
HttpClient简介HttpClient 功能介绍 1. 读取网页(HTTP/HTTPS)内容 2.使用POST方式提交数据(httpClient3) 3. 处理页面重定向 ...
- !!对python列表学习整理列表及数组详细介绍
1.Python的数组分三种类型:(详细见 http://blog.sina.com.cn/s/blog_6b783cbd0100q2ba.html) (1) list 普通的链表,初始化后可以通过特 ...
- Java设计模式(学习整理)---命令模式
设计模式之Command(学习整理) 1.Command定义 不少Command模式的代码都是针对图形界面的,它实际就是菜单命令,我们在一个下拉菜单选择一个命令时,然后会执行一些动作. 将这些命令封装 ...
- Wix学习整理(5)——安装时填写注册表
原文:Wix学习整理(5)--安装时填写注册表 一 Microsoft操作系统的注册表 什么是注册表? 注册表是Mircrosoft Windows中的一个重要的数据库,用于存储系统和应用程序的设置信 ...
- Wix学习整理(6)——安装快捷方式
原文:Wix学习整理(6)--安装快捷方式 一 为HelloWorld案例添加安装快捷方式 通常我们安装一个应用软件的时候,都喜欢在桌面或开始菜单中添加快捷方式以便我们快速访问.现在我们就在上篇添加注 ...
- Wix学习整理(7)——在开始菜单中为HelloWorld添加卸载快捷方式
原文:Wix学习整理(7)--在开始菜单中为HelloWorld添加卸载快捷方式 通过前面的几篇随笔,我们已经给我们的HelloWorld提供了填写注册表信息,以及开始菜单快捷方式和桌面快捷方式.这些 ...
- Wix学习整理(4)——关于WiX文件格式和案例HelloWorld的分析
原文:Wix学习整理(4)--关于WiX文件格式和案例HelloWorld的分析 关于WiX文件格式 .wxs是WiX的源文件扩展名..wxs文件以类XML文件的格式来指定了要构造Windows In ...
- Wix学习整理(3)——关于Windows Installer和MSI
原文:Wix学习整理(3)--关于Windows Installer和MSI 关于Windows Installer Windows Installer是微软Windows操作系统自带的一个软件安装和 ...
随机推荐
- redis持久化快速回忆手册
Redis提供的持久化机制: 1). RDB持久化:该机制是指在指定的时间间隔内将内存中的数据集快照写入磁盘. 2). AOF持久化:该机制将以日志的形式记录服务器所处理的每一个写操作,在Redis服 ...
- highlight.js 代码高亮插件的使用
在网页使用过程中,经常会用到代码的展示.而不同颜色的代码,可以让代码看起来更直观,也更美观. 找了几个不同的插件,觉得highlight的插件比较实用,而且用起来炒鸡简单. 比如这样: 首先,我们先下 ...
- yum 安装redis 及简单命令(推荐测试环境,安装简单)
第1章 redis 入门 1.1 yum 安装 安装repo源 cd /etc/yum.repos.d/ wget http://mirrors.aliyun.com/repo/epel-6.repo ...
- 【exp/imp】将US7ASCII字符集的dmp文件导入到ZHS16GBK字符集的数据库中
[exp/imp]将US7ASCII字符集的dmp文件导入到ZHS16GBK字符集的数据库中 1.1 BLOG文档结构图 1.2 前言部分 1.2.1 导读和注意事项 各位技术爱好者,看完本文后 ...
- 小米红米1 android 4.4.4上操作数据库异常问题
产生的问题: 小米红米1 android 4.4.4上,按HOME键,应用进入后台,再启动,应用进程直接挂掉 解决的方法: 这个是操作数据库,数据库关闭之后导致的异常,解决的方法: //4.0以上的版 ...
- NUMBER_GET_NEXT 获取编号 遇到关于按年度编号的问题
最近给财务做了一个平台,在系统创建一些特殊类型的合同,需要生成合同编号:财务要求 合同类型+公司代码 +年+三位流水号, eg:CP6008-2017001 SNRO 子对象数据元素就是 公司代码 不 ...
- Python数据类型和变量
一.数据类型1.整型整型类型比较简单,就是我们数学中的正整数(1,2,520..).负整数(-2,-9..);与java不同的是,python中的整数可以无限大,而java的整数类型int为四个字节, ...
- React入门---组件嵌套-5
组件嵌套 我们现在需要组件嵌套,所以要创建其他组件,目前有一个头部组件,在./components/header.js; 接下来在components文件中创建:底部组件footer.js 和主体组件 ...
- 多人合作开发启动activity-----规范问题
A----FirstActivity button1.setOnClickListener(new OnClickListener() { @Override public void ...
- 【JAVAWEB学习笔记】03_JavaScript
javascript简单介绍 ECMAScript 1.语法 2.变量:只能使用var定义,如果在函数的内容使用var定义,那么它是一个局部变量,如果没有使用var它是一个全局的.弱类型! 3.数据类 ...