网页设计
不吃鱼的猫咪
这个作者很懒,什么都没留下…
展开
-
html+css----基本介绍
什么是WEB标准css语法结构转载 2014-02-21 01:00:17 · 612 阅读 · 0 评论 -
如何去除点击文字、图片链接时出现的虚线框
onFocus="this.blur();">转载 2015-05-04 14:37:34 · 676 阅读 · 0 评论 -
自定义Struts2表单验证后的错误信息返回到网页的显示格式/样式
格式:XXX(标签的name属性,象user.username)在后台验证:原创 2015-05-01 16:34:28 · 1088 阅读 · 0 评论 -
文字超出隐藏并显示省略号
.css1{ color:#6699ff;border:1px #ff8000 dashed; margin-bottom:20px; width: 20em;/*不允许出现半汉字截断*/}.css2 { overflow: hidden; /*自动隐藏文字*/ text-overflow: ellipsis;/*文字隐藏后添加省略号*/转载 2015-07-15 15:16:42 · 561 阅读 · 0 评论 -
使用CSS样式position:fixed水平滚动的方法
这篇文章主要介绍了使用CSS样式position:fixed水平滚动的方法,需要的朋友可以参考下使用CSS样式"position:fixed"可以使div块固定在一个固定位置,即使有滚动条也不会改变其位置。position:fixed给很多开发者带来了惊艳的效果,然而当出现水平滚动条时,效果就不那么容易接受了。有时候我们希望当出现水平滚动条时,div块可以随滚动条左右移动,实现垂直固定转载 2015-07-29 13:19:05 · 1449 阅读 · 0 评论 -
解决HTML5 Placeholder兼容性的方案
使浏览器支持Placeholder有很多方法,都不是很完美,或多或少有点问题,且有些原生支持的浏览器在获得焦点时会清空Placeholder提示。发现知乎网的解决方法不错,特记录下。 windows系统中以下浏览器测试通过:Google Chrome 18,Firefox 12,IE 9,IE 6,Opera 11.5。在android 4.0系统也测试了下,原生浏览器及Opera M转载 2015-08-25 15:28:26 · 777 阅读 · 0 评论 -
清除浮动,clearfix的几种解决方案
之前给大家介绍两种浮动闭合的办法CSS清除浮动转载 2015-08-13 10:51:44 · 2492 阅读 · 0 评论 -
通用css样式模板,
通用样式01@charset "utf-8";/* ------------------------------------全局定义---------------------------------------- *//* 将具有默认margin和padding的标记置零,所有标记的margin、padding都在使用时具体定义 */*{ margin:0;padding:0;}/* 修正I转载 2015-08-13 14:50:09 · 12210 阅读 · 0 评论 -
CSS3伪类选择器:nth-child()
CSS3伪类选择器:nth-child() CSS3标准已提出数年,但是目前能实现她的浏览器并不多,虽然部分浏览器能实现部分规范,但这又有什么用呢?面对更多的兼容性问题,今天我们就来“前瞻”一下CSS3的一个伪类选择器“nth-child()”。 CSS3的强大,让人惊叹,人们在惊喜之余,又不得不为其艰难的道路感到可惜:好的标准只有得到行业浏览器的良好支持才算得上“标准”。CSS3标准已提转载 2015-08-15 13:52:55 · 460 阅读 · 0 评论 -
常见26个jquery使用技巧详解(比如禁止右键点击、隐藏文本框文字等)
1、禁止右键点击 $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 2、 隐藏搜索文本框文字 $(do转载 2015-08-17 15:30:50 · 460 阅读 · 0 评论 -
定位锚平滑滚动jQuery代码
$(function(){ $('a[href*=#]').click(function() { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { var $ta转载 2015-08-17 15:32:31 · 414 阅读 · 0 评论 -
模仿天猫,京东等购物网站的随屏滚动导航
首先把html基本代码写好, index.html页面<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>随屏滚动导航</title> <link rel="stylesheet" href="./css/style.css"/> <script type="text/javas原创 2015-08-13 11:46:40 · 1722 阅读 · 0 评论 -
JS节点元素
HTML文档可以说由节点构成的集合,DOM节点有:元素节点:上图中、、等都是元素节点,即标签。文本节点:向用户展示的内容,如…中的JavaScript、DOM、CSS等文本。属性节点:元素属性,如标签的链接属性href=”http://www.baidu.com”。 节点属性: 遍历节点树: DOM操作: 注意:前两个是document方法。I l原创 2015-09-15 14:48:23 · 424 阅读 · 0 评论 -
网页验证码
验证码:看不清?换一张原创 2015-09-18 09:47:55 · 519 阅读 · 0 评论 -
什么是事件起泡,用jquery阻止事件起泡
(1)什么是事件起泡首先你要明白一点,当一个事件发生的时候,该事件总是有一个事件源,即引发这个事件的对象,一个事件不能凭空产生,这就是事件的发生。 当事件发生后,这个事件就要开始传播。为什么要传播呢?因为事件源本身并没有处理事件的能力。例如我们点击一个按钮时,就会产生一个click事件,但这个按钮本身不能处理这个事件(废话),事件必须从这个按钮传播出去,从而到达能够处理这个事件的代码中(例如我们给转载 2015-11-13 15:31:14 · 424 阅读 · 0 评论 -
CSS3 :nth-child()伪类选择器
CSS3的强大,让人惊叹,人们在惊喜之余,又不得不为其艰难的道路感到可惜:好的标准只有得到行业浏览器的良好支持才算得上“标准”。CSS3标 准已提出数年,但是目前能实现她的浏览器并不多,虽然部分浏览器能实现部分规范,但这又有什么用呢?面对更多的兼容性问题,CSSer们只有望洋轻叹。虽 然如此,但有前瞻性的我们,又怎能停步不前呢?今天我们就来“前瞻”一下CSS3的一个伪类选择器“:nth-child转载 2014-03-04 17:41:36 · 702 阅读 · 0 评论 -
CSS3 Transition
W3C标准中对css3的transition这是样描述的:“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。”下面我们同样从其最语法和属性值开始一步一步来学习transition的具体使用语法: transition : ['transition-转载 2014-03-05 13:27:20 · 577 阅读 · 0 评论 -
html+css----css控制
1、css控制文本2、css控制字体3.css控制连接--css伪类********如果鼠标放上不起作用,请修改链接状态的顺序 L-V-H-A**********转载 2014-02-22 11:38:29 · 533 阅读 · 0 评论 -
css在网页中的应用
一、网页中加css的方式有四种:1、内联样式表:直接写在现有的标记中,如:这里文字是红色的2、嵌入式样式表:使用“”标签嵌入到HTML文件的头部中标记内,如:body{background:white;color:black;}-->用于当浏览器不支持样式表时,不会将样式表内容显示出来3、外部链接式“样式表”:将样式表写在一个独立的.css文件中,然后在页面he转载 2014-02-22 11:29:27 · 1132 阅读 · 0 评论 -
css元素分类
一、css控制元素的尺寸二、css控制边框的属性三、css元素分类***********css小技巧:************************************************************************【1】让盒子水平居中。将对象的左右外边界设置为auto。【2】让盒子中的内容垂转载 2014-02-22 15:23:43 · 584 阅读 · 0 评论 -
html+css----background
1、background2.css精灵背景图片,默认情况下是进行水平与垂直方向上的平铺,且在元素的左上角显示。背景图片的衣服方式:固定的含义是,将图片固定在屏幕(可视区域)的某个位置。兼容性 IE6只有html和body两个元素,支持这个属性值。转载 2014-02-22 23:19:52 · 696 阅读 · 0 评论 -
html+css----css布局方式
1、默认文档流方式以默认的html元素的结构顺序显示2、浮动布局方式通过设置html元素的float属性显示什么是浮动?浮动(float)是css实现布局的一种方式,包括div在内的任何元素都可以以浮动的方式进行显示。值:none:不浮动left:对象向左浮动,而后面的内容向对象的右侧right:对象向右浮动,而后面的内容向对象的左侧清除浮动当元转载 2014-02-22 23:47:44 · 893 阅读 · 0 评论 -
html+css----清除浮动的方法
1、额外标签法:这种方法应该说是最简单的一种了,W3C建议在容器的末尾增加一个“clear:both”的元素,强迫容器适应它的高度以便装下所有的float元素左盒子右盒子 //增加一个空div底部2、父元素使用overflow的方法:通过设置父元素overflow值设置为hidden,是最简单的清除浮动方法,但如果子元素使用了定位布局,就会很难实现c转载 2014-02-23 12:26:09 · 744 阅读 · 0 评论 -
使IE6下PNG背景透明的七种方法任你选
PNG图像格式介绍:PNG是20世纪90年代中期开始开发的图像文件存储格式,其目的是企图替代GIF和TIFF文件格式,同时增加一些GIF文件格式所不具备的特性。流式 网络图形格式(Portable Network Graphic Format,PNG)名称来源于非官方的“PNG’s Not GIF”,是一种位图文件(bitmap file)存储格式,读成“ping”。PNG用来存储灰度图像转载 2014-02-23 12:40:03 · 656 阅读 · 0 评论 -
CSS常用中文字体英文名称对照表
在CSS文件中,我们常看到有些字体名称变成了乱码,这是由于编写者将中文字体的名字直接写成了中文,并且再上传或者拷贝复制的时候无意间变成了乱码。 为了避免这种状况出现,在CSS文件中使用中文字体时,最好使用中文字体的英文名称,我们常用中文字体的英文名称对照表如下: Windows自带的字体:新细明体:PMingLiU细明体:MingLiU标楷体:DFKai-SB黑体:SimHei宋体:Si转载 2014-02-23 12:44:07 · 959 阅读 · 0 评论 -
中文字体在 CSS 中的写法
转载网上文章今天在折腾wordpress主题的时候,想把侧边栏上的2个标题转换为“方正姚体”,用Firebug调试OK了,保存到css文件里上传后,可是怎么弄也显示不对,网上搜索了一下,才知道原来在CSS中不能出现中文字体,解决办法就是把这些中文字体名字转换成英文名。Unicode简单的说一下制作网页时的为了兼顾到一些浏览器CSS样式文档中一般是不出现中文字体的,尤其是 {}中,因转载 2014-02-23 12:46:35 · 973 阅读 · 0 评论 -
html+css学习-----基本结构及标签
一、html的结构标题 正文二、meta标签,标记用于定义文件信息Meta标签用于定义文件信息,放置于设置关键字 设置描述 设置作者名 设置字符集 或者”UTF-8”>(UTF-8 3字节 gb2312 2字节)设置页面定时跳转:三、html标记语义应用Html文件名最好使用英文字体修饰:(1)标记语法转载 2014-02-17 14:04:26 · 651 阅读 · 0 评论 -
html+css学习----表格table
一、表格基本结构 ...-----定义表格...----定义表行...---定义表列(单元格)...----文字标题栏(加粗)会默认自动居中 二、表格标题: 三、表格结构化作用:代码乱序时结构得到保持(1)结构化格式(加了无效果,浏览器看)...----表示表头区...----表体区....------表尾区转载 2014-02-17 14:11:57 · 777 阅读 · 0 评论 -
html+css学习----html超链接使用
一、 超链接:Hyperlink 由当前文档到目标文档间的跳转二、 语法”链接目标” title=”注释” target=”打开链接窗口的形式”>…Target:_blank 在新窗口中打开_self 在自身窗口中打开(默认)_parent在上一级窗口中打开,框架会经常使用_top 在浏览器的整个窗口中打开,忽略任何框架三、 链接类型(1) 内部链接:当前网页与网页转载 2014-02-17 16:13:29 · 857 阅读 · 0 评论 -
html多媒体应用
一、FLASH动画插入,两种方式① 通过dw自动生成代码② embed标签属性:src =”url” wmode=”transparent”(使flash背景透明 ) width=” ” height=” ” 二、插入背景音乐如loop=”-1” 即为无限循环 src="music.mp3" autostart="true"loop="true"hidden="转载 2014-02-19 11:44:14 · 634 阅读 · 0 评论 -
Html中fieldset标签用法
凸线边框(宽度10,红色)分组框 代码分组框 凹线分组框 代码分组框 嵌入分组框 代码分组框 开端分组框 代码分组框 实线分组框 代码分组框转载 2014-02-19 01:19:31 · 1957 阅读 · 0 评论 -
html+css----框架技术
1、框架标记写框架时不需要写body标志2、内嵌式框架3、转载 2014-02-19 23:39:58 · 611 阅读 · 0 评论