随笔分类 -  HTML+CSS

摘要:图片一:图片二:图片三:图片四: 阅读全文
posted @ 2015-05-27 15:36 Seaurl 阅读(199) 评论(0) 推荐(0) 编辑
摘要:如图所示,这样端口小图片都是通过jquery html()方法设置的(参数html就是画整个图片的html字符串),如图:但是出现图片没有完全渲染完的问题,如图:从图中可以看出在代码运行到断点的时候,图中的下行小图片是没有渲染完成的。然后公司同事李蕾猜测可能是上行图片加载快有缓存所以都显示出来,但是... 阅读全文
posted @ 2015-04-28 09:06 Seaurl 阅读(1467) 评论(0) 推荐(0) 编辑
摘要:参考地址:点击这里方法:http://www.[url].net/favicon.ico例如:http://www.baidu.com/favicon.ico 阅读全文
posted @ 2015-03-03 11:25 Seaurl 阅读(968) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2015-02-05 11:25 Seaurl 阅读(252) 评论(0) 推荐(0) 编辑
摘要:EasyUI项目管理框架,如图:项目名称:微信管理平台项目地址:http://www.cnblogs.com/hanyinglong/p/3236966.html#3007557托管地址:https://subversion.assembla.com/svn/wechatservice/参考地址:h... 阅读全文
posted @ 2014-08-18 17:18 Seaurl 阅读(708) 评论(2) 推荐(0) 编辑
摘要:1:background-position 加之前:background: url("../images/nav-bg.png") repeat-y scroll top left #e3e5e7; background-position: initial initial; background-... 阅读全文
posted @ 2014-04-25 11:35 Seaurl 阅读(169) 评论(0) 推荐(0) 编辑
摘要:公司现在在做充电桩项目,其中要显示充电桩的电池充电情况,功能展示的时候要画图,之前做的时候准备使用HightChar来画,但是,hightchar好像没有这样的电池图形,最后,项目经理要我自己通过svg画,所以到网上找了一些网址学习svg,其中就有:点击这里,下面我就粘贴下代码和显示图片效果,希望能够帮助到一些朋友。 这里显示的是js文件: $(function () { var id = getQueryString("id"); QueryData(id); QueryItemData(id);});function QueryData(id) { zwobj.... 阅读全文
posted @ 2014-04-10 16:23 Seaurl 阅读(1700) 评论(2) 推荐(1) 编辑
摘要:在网页中适当嵌入音频和视频能够充分显示网页的多媒体特性,特别是随着宽带网的普及,使得网络广播和网络视频成为现实,网页音频和视频的重要性也日益突显。具体来说,网页音频和视频的嵌入方法主要有三种:一、bgsound (一)、基本语法: bgsound src=url 说明:bgsound是用来插入背景音乐的,但只适用于IE浏览器和以IE为内核的浏览器。url为音频文件及其路径,可以是相对路径或绝对路径。 示例: (二)、属性设置: 因为bgsound嵌入的音频文件在网页中没有控件显示,所以在使用bgsound时,它的各个属性就必须加以设置。 1、自动播放: 语法:autostart... 阅读全文
posted @ 2014-03-10 11:54 Seaurl 阅读(739) 评论(0) 推荐(0) 编辑
摘要:要做成这样的表格布局应该怎么做呢?代码:html ... 阅读全文
posted @ 2014-01-15 10:53 Seaurl 阅读(385) 评论(0) 推荐(0) 编辑
摘要:table tbody td:first-child { text-align: left;}.table tbody tr td + td { text-align: center;}table tbody tr:nth-child(even) { background-color: #333;} 阅读全文
posted @ 2014-01-14 15:57 Seaurl 阅读(142) 评论(0) 推荐(0) 编辑
摘要:首先要设置页面的宽度,然后:margin:0 auto;就可以了 阅读全文
posted @ 2013-11-12 11:51 Seaurl 阅读(190) 评论(0) 推荐(0) 编辑
摘要:CSS定义字体行间距line-height:xxpx;CSS定义字体间距下面我们讲述一下CSS的文本属性,还是先来看一下文本属性的详细列表:属性属性含义属性值Word-spacing定义了各个单词之间的间距Normal必须以长度为单位Letter-spacing定义了每个字母之间的间距同上Text-decoration定义文字的“装饰”样式None|underline|overline|line-through|blinkVertical-align定义了元素在垂直方向上的位置Baseline|sub|super|top|text-top|middle|bottom|text-bottomt. 阅读全文
posted @ 2013-09-29 08:52 Seaurl 阅读(485) 评论(0) 推荐(0) 编辑
摘要:透明往往能产生不错的网页视觉效果,先奉上兼容主流浏览器的CSS透明代码:.transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}上面的几个属性分别是:opacity: 0.5;这是最重要的,因为它是CSS标准.该属性支持Firefox, Safari和 Opera.filter:alpha(opacity=50);这个是为IE6设的,可取值在0-100,其它三个0到1.-moz-opacity:0.5;这个是为了支持一些老版本的Mozilla浏览器。- 阅读全文
posted @ 2013-09-23 16:00 Seaurl 阅读(500) 评论(0) 推荐(1) 编辑
摘要:检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。所有对象的默认值是 visible ,除了 textarea 对象和 body 对象的默认值是 auto 。设置 textarea 对象此属性值为 hidden 将隐藏其滚动条。overflow属性有四个值:visible(默认),hidden,scroll, 和auto。同样有两个overflow的姐妹属性overflow-y 和overflow-x,它们很少被采用。Visible如果你不设置overflow属性,则默认的overflow属性值就是visible。所以一般而言,并没有什么理由特别的设定overflow的属性为visib 阅读全文
posted @ 2012-07-19 15:16 Seaurl 阅读(440) 评论(0) 推荐(0) 编辑
摘要:【table布局点1:表格边框】 border-spacing:0; border-collapse:collapse; 显示效果为:加之前效果加之后效果【table布局点2:跨列、跨行的单元格】 1 2 3 4 5 横跨两列的单元格: 6 7 8 姓名 9 电话10 11 1... 阅读全文
posted @ 2012-04-20 19:51 Seaurl 阅读(335) 评论(0) 推荐(0) 编辑
摘要:<html> <head> <meta http-equiv="content-Type" content="text/html;charset=gb2312"> <title>js网页特效漂亮的星级评价效果</title> <style type="text/css"> body{ margin:0;padding:0 10px;color:#333;text-align:center;font:12px Arial,Helvetica,sans-serif; 阅读全文
posted @ 2012-04-03 19:44 Seaurl 阅读(1078) 评论(0) 推荐(0) 编辑
摘要:文本对齐属性(text-align)这个属性用来设定文本的对齐方式。有以下值:left (居左,缺省值)right (居右)center (居中)justify (两端对齐)示例代码如下:.p2 {text-align:right}演示示例文本修饰属性(text-decoration)这个属性主要设定文本划线的属性。有以下值:none (无,缺省值)underline (下划线)overline (上划线)line-through (当中划线)示例代码如下:.p2 {text-decoration: underline}演示示例文本缩进属性(text-indent)这个属性设定文本首行缩进。其 阅读全文
posted @ 2012-03-21 19:15 Seaurl 阅读(238) 评论(0) 推荐(0) 编辑
摘要:一般而言,鼠标以斜向上的箭头显示,移到文本上时变为有头的竖线,移到超级链接上变为手型。但用css可控制鼠标的显示效果,如可使鼠标移到普通文本上也显示成手型。用css控制的语法如下:<span >文本或其它页面元素</span>把 * 换成如下15个效果的一种:hand、crosshair、text、wait、default、help、e-resize、ne-resize、n-resize、nw-resize、w-resize、sw-resize、s-resize、se-resize和auto。下面是对这15种效果的解释。移动鼠标到解释上面,看看你的鼠标起了什么变化吧!h 阅读全文
posted @ 2012-02-18 11:14 Seaurl 阅读(484) 评论(0) 推荐(0) 编辑
摘要:1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> 2 <!-- saved from url=(0086)http://www.rainweb.cn/JavaScript/jquery.watermark-2.0/jquery.watermark.htm --> 3 <!DOCTYPE html PUBLIC "-/ 阅读全文
posted @ 2012-02-16 15:25 Seaurl 阅读(949) 评论(0) 推荐(0) 编辑
摘要:网页制作Webjx文章简介:平时制作页面中可对属性list-style在list-item对象中常用,但用的都不深。一般都设为none重置整个页面就差不多OK,可能很多人包括本人对属性list-style-type更细节方面的属性并不是很了解,更有可能对属性list-style和属性list-style-type概念会比较模糊,现有必要把它平时制作页面中可对属性list-style在list-item对象中常用,但用的都不深。一般都设为none重置整个页面就差不多OK,可能很多人包括本人对属性list-style-type更细节方面的属性并不是很了解,更有可能对属性list-style和属性l 阅读全文
posted @ 2012-02-15 15:37 Seaurl 阅读(261) 评论(0) 推荐(0) 编辑