关于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操作系统自带的一个软件安装和 ...
随机推荐
- Spring框架基础知识
本人博客文章网址:https://www.peretang.com/basic-knowledge-of-spring-framework/ Spring框架简介 Spring , 一个开源的框架 , ...
- SQL Server 数据库连接方法
我们用c#写ado或者是asp,都需要连接数据库来读写数据,今天我们就来总结一下数据库连接都有哪些方法. 首先我们就写最直接的方法,在事件中直接连接.(在这里就用WEB页面来展示) 首先我们建立web ...
- c#常用方法和类
1. 数据类型转换函数 Convert.ToXXX(); XXX.Parse(); XXX.TryParse(); 2. 日期相关的类与函数 获取系统当前日期(含时间):DateTime.Now 获 ...
- Haoop基本操作
一.HDFS的常用操作 (一).HDFS文件的权限 与Linux文件权限类似 r: read; w:write; x:execute,权限x对于文件忽略,对于文件夹表示是否允许访问其内容. 如果Lin ...
- selenium 利用testNG对异常进行自动截图
哈哈哈,很久没写博客了,懒了. 因为一些原因最近需要把监听事件重新整理一下,开始没细想,直接copy网上的,其实结果发现报错很多,或者是达不到效果,然后把之前的代码翻出来,仔细看了一下.下面给一些需要 ...
- 点击文字选中checkbox
<html> <head> <title>test</title> <meta http-equiv="content-Type&quo ...
- 每天一道Java题[4]
问题 怎么将字符串转换为int? 解答 此题看似简单,但经常出现在笔试等地方,由于大家习惯了用IDE,有什么还真未必能写出来.通常都是parseInt()方法进行转换,如下: Int n = Inte ...
- ar1220f-s四条拨号光纤做的策略路由实现负载均衡
acl number 3001 //内网数据流不需被重定向到外网出口. rule 5 permit ip source 192.168.0.0 0.0.255.255 destination 19 ...
- 局域网内部署 Docker Registry
在局域网内部署 Docker Registry 可以极大的提升平时 pull.push 镜像的速度,从而缩短自动化操作的过程.同时也可以缓解带宽不足的问题,真是一举多得.本文将从创建单机的 Docke ...
- R语言-Kindle特价书爬榜示例 & 输出HTML小技巧(转)
自从买了kindle以后,总是想要定期刷有没有便宜的书,amazon经常有些1元/2元的书打特价,但是每次都去刷那些榜单太麻烦了,而且榜单又不能按照价格排名,捞书有点累 所以自己用R语言的rvest包 ...