关于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操作系统自带的一个软件安装和 ...
随机推荐
- MongoDB副本集的常用操作及原理
本文是对MongoDB副本集常用操作的一个汇总,同时也穿插着介绍了操作背后的原理及注意点. 结合之前的文章:MongoDB副本集的搭建,大家可以在较短的时间内熟悉MongoDB的搭建和管理. 下面的操 ...
- WebGIS开源解决方案之开发环境搭建(四)
续前几篇文章,前面陆续介绍了开源GIS服务器Geoserver,开源数据库Postpresql以及开源前端udig的安装和基本使用. WebGIS前端开发,可以选择arcgis for javascr ...
- [刷题]算法竞赛入门经典(第2版) 4-4/UVa253 - Cube painting
书上具体所有题目:http://pan.baidu.com/s/1hssH0KO 代码:(Accepted,0 ms) #include<iostream> char str[15]; v ...
- Windows下安装虚拟机和Linux
首先必须开启BIOS中的虚拟化 常见计算机BIOS快捷键: 联想E431 F1dell F2微星 DELETE 默认是开启HP pavilion notebook 15-ab527TX F9和F10m ...
- iOS开发中,info.plist配置用户隐私的保护
info.plist 配置[用户隐私的保护] >= iOS10 Privacy - Bluetooth Peripheral Usage Description --> App需要您的 ...
- 精准准确的统一社会信用代码正则(js)
参照标准: <GB_32100-2015_法人和其他组织统一社会信用代码编码规则.> 按照编码规则: 统一代码为18位,统一代码由十八位的数字或大写英文字母(不适用I.O.Z.S.V)组成 ...
- 自己编写jQuery动态引入js文件插件 (jquery.import.dynamic.script)
这个插件主要是结合jquery或者xhr异步请求来使用的,它可以把已经引入过的js文件记录在浏览器内存中,当下次再引入相同的文件就忽略该文件的引入. 此插件不支持浏览器刷新保存数据,那需要利用cook ...
- Android 开发—— 小工具,大效率
欢迎大家关注腾讯云技术社区-博客园官方主页,我们将持续在博客园为大家推荐技术精品文章哦~ 作者:姚志锋 一.Hugo插件 -- 打印方法运行时间 首先申明下,此Hugo非 彼Hugo(Hugo是由Go ...
- 【JAVAWEB学习笔记】20_增删改查
今天主要是利用三层架构操作数据库进行增删查改操作. 主要是编写代码为主. 附图: 前台和后台 商品的展示 修改商品
- layui框架部分功能介绍
注意:代码的所有功能都没有导入layui的css样式 一,分页功能 layui框架分页使用,其实layui分页非常简单只需要传入一个总页数就可以很好运用这个功能 下面就看一下我对layui框架分页的介 ...