html
文章平均质量分 50
iteye_16353
这个作者很懒,什么都没留下…
展开
-
html <a>锚文本超链接标签
[align=center]html 锚文本超链接标签[/align][b]1.1超链接概述[/b]超链接指从一个网页指向一个目标的连接关系。这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。注意:超链接默认情况下是自动加下划线的。[b]1.2 ht...原创 2016-05-03 22:37:04 · 1118 阅读 · 0 评论 -
div元素按比例缩放的实现方法
[align=center][size=large]div元素按比例缩放的实现方法[/size][/align] 某些场景下,窗口宽度缩放时,使得元素宽度自适应的同时,保证每个元素的宽高比例不变。[b]1.1利用CSS属性实现——padding-bottom属性[/b] padding-bottom 有一个特性是当它的值是百分比形式时,百分比的基数是其所在元...原创 2016-09-08 17:54:40 · 9645 阅读 · 0 评论 -
HTML img布局问题详解
[align=center][size=large]HTML img布局问题详解[/size][/align][b]1.1尺寸的设置1.1.1设置方法[/b] 对于一个img元素,可单独地修改 width或者 height 属性来设置大小,同时图片的比例保持不变。即设置宽度为原来的一半时,图片的高度并不是保持原来的大小,而是相应的变成了原来的一半,从而使得图片仍能够保持原有...原创 2016-09-08 16:52:14 · 1367 阅读 · 0 评论 -
HTML中空格的实现方法详解
[align=center][size=large]HTML中空格的实现方法详解[/size][/align] 浏览器总是会截短 HTML页面中的空格。如果在文本中写10个空格,在显示该页面之前,浏览器会删除它们中的9个。如需在页面中增加空格的数量,需要使用 字符实体。即使是一个空格也尽量不要直接在页面中打,因为在大多数编辑器中空格是透明滴,很容易就被删掉;另外,HTML...原创 2016-09-08 15:15:49 · 546 阅读 · 0 评论 -
RGB颜色与HEX十六进制颜色的换算
[align=center][size=large]RGB颜色与HEX十六进制颜色的换算[/size][/align][b]1.1换算表格[/b] 如上述。[b]1.2换算方法[/b] 通过上述表格可发现RGB中的0对应HEX的00,1对应01……9对应09,10则对应0A,11对应0B……15对应0F,16对应了10。总共17对,除去一对特殊的0对应0...原创 2016-09-07 20:57:23 · 425 阅读 · 0 评论 -
Web语义化详解
[align=center]Web语义化详解[/align][b]1.1概述[/b] Web语义化主要包括:HTTP语义化、HTML语义化和CSS命名语义话。[b]1.2 HTTP语义化[/b] HTTP语义化是针对HTTP协议的。主要包括path路径语义话和HTTP method语义话。[b]1.3 HTML语义化[/b][b]1.3.1概...原创 2016-07-21 14:51:27 · 183 阅读 · 0 评论 -
DIV+CSS布局和TABLE布局详解
[align=center]DIV+CSS布局和TABLE布局详解[/align][b]1.1 TABLE布局1.1.1概述[/b] HTML table元素渲染到网页上,其单元格的边框和间距均为0。传统TABLE布局方式就是利用table元素的这个特性,将网页中的各个元素按版式划分放入表格的各个单元格中,从而实现复杂的排版组合。 table布局的核心在...原创 2016-07-21 10:53:29 · 339 阅读 · 0 评论 -
HTML引入CSS样式的方式详解
[align=center][size=xx-small]HTML引入CSS样式的方式详解[/size][/align][b]1.1内联属性(Inline style attribute)[/b] 直接修改HTML元素的style属性,将CSS代码直接写在style属性里。例:我的字号被修改了[b]1.2直接写在style标签里[/b] 通过...原创 2016-07-21 10:06:52 · 210 阅读 · 0 评论 -
设置input输入框为只读方法详解
[align=center]设置input输入框为只读方法详解[/align][b]1.1禁用状态与启用状态[/b] 一个元素不能被激活(如选择、点击或接受文本输入)或获取焦点,则该元素处于被禁用状态。一个元素可以被激活或获取焦点,则该元素处于启用状态。[b]1.2设置input输入框为只读方法[/b] 设置文本框为只读,使用户不能修改其中的信息。例:...原创 2016-07-18 11:02:48 · 1582 阅读 · 0 评论 -
HTML中DIV提示框的实现
[align=center]HTML中DIV提示框的实现[/align] 点击网页中某个按钮时,会弹出一个对话框,自定义提示框的样式和内容。[b]HTML代码:[/b][color=green][/color][color=green][/color][color=green][/color]。。。。。[b]JS代码:[/b]...原创 2016-06-29 09:28:21 · 1086 阅读 · 0 评论 -
HTML布局之盒子模型
[align=center]HTML布局之盒子模型[/align][b]1.1盒子模型[/b] 任何一个在页面上显示的HTML元素(无论是块级还是行内元素)都会呈现为一个盒子形状,即为盒子模型(box model)。示意图: [color=red]见附带图片!!![/color] 盒子首先以元素的width和height开始,宽和高可由元素的类型,...原创 2016-05-30 08:36:17 · 316 阅读 · 0 评论 -
HTML5本地存储
[align=center]HTML5本地存储[/align][b]1.1概述[/b]HTML5 存储是基于键值对的。数据存储在一个键里,访问数据时可以根据同样的键获得上次存储的数据。键是一个字符串。而数据则可以是任何类型的JS基本数据类型,包括字符串,Boolean,整数,和浮点数。需要注意的是,这些数据在存储时实际上是以字符串保存的。 因此在访问数据时需要做数据类型的转换。在HTM...原创 2016-05-14 10:53:02 · 97 阅读 · 0 评论 -
HTML布局之块级元素和行内元素
[size=xx-small][align=center]HTML布局之块级元素和行内元素[/align][/size]1.1布局之CSS display属性display属性规定元素应该生成的框的类型。语法1、常用display:inline;将元素设置为内联对象。对其设置属性height和width是没有用的,致使它变宽变大的原因是内部元素的‘宽高+padding‘。d...原创 2016-05-11 09:18:55 · 231 阅读 · 0 评论 -
HTML布局之基于文档流的解析
[align=center]HTML布局之基于文档流的解析[/align]1.1文档流将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流。1.2 HTML布局基于文档流的解析每个非浮动块级元素都独占一行。内联元素不会独占一行。 几乎所有元素(包括块级,内联和列表元素)均可生成子行, 用于摆放子元素。浮动元素不占任何正常文档流空间,而浮动元素的定位还是...原创 2016-05-10 09:40:44 · 168 阅读 · 0 评论 -
HTML行内元素和块级元素的转换
[size=large][align=center]HTML行内元素和块级元素的转换[/align][/size][b]1.1 CSS display属性[/b] 行内→块级,display:block; 块级→行内,display:inline;[b]1.2 CSS position:absolube;属性[/b] 使行内元素转换为隐...原创 2016-10-07 16:24:43 · 1735 阅读 · 0 评论