点评:使用 span 元素对行内元素进行分组,以便通过样式对它们进行格式化,个人认为下面的示例不错,感兴趣的朋友可以借鉴一下! 1.请使用 span 元素对行内元素进行分组,以便通过样式对它们进行格式化。 复制代码代码如下: pThis is a paragraph span style...
点评:html5可以画多种形状,下面是画矩形代码分享,有需要的朋友可以参考下! 复制代码代码如下: !DOCTYPE htmlhead meta charset=utf-8 titleHTML5画矩形/title script src=a href=http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js/scrip...
点评: 我们经常要在一些代码旁做一些HTML注释,这样做的好处很多,比如:方便查找,方便比对,方便项目组里的其它程序员了解你的代码,而且可以方便以后你对自己代码的理解与修改等等! HTML注释的开始使用!--,结束使用-- 引用网址:http://www.dreamdu.com/xhtml/...
点评:在IE7及之前的版本中设置z-index的属性,没有生效。当父级元素若设置为position:relative时候,则子级元素的z-index属性会被覆盖,感兴趣的朋友可以参考一下! 在IE7及之前的版本中设置z-index的属性,确没有生效,查阅写资料, 发现主要的结果和处理...
点评:一组专门的预定义的类称为伪类,主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符+样式规则来控制! a标签样式 一组专门的预定义的类称为伪类,主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符+样式规则来控制。 伪类...
点评:下面是一个css后代选择器的例子,感兴趣的朋友可以参考下,希望对大家有帮助! 复制代码代码如下: style .father .child1,.child2{ border:1px solid red;maring:5px; } /style p class=father 没有边框 p class=child1有边框 a href=a href=http://ke...
点评:CSS样式子代选择符使用方法,有需要的朋友可以参考一下,希望对大家有所帮助! p span是上下文选择符,表示选择p里面的所有span,注意是所有的,无论是不是直接承下关系。 但是pspan不同。 (大于号)是子代选择符,它表示的是选择p的子代span。 例如在...
点评:CSS display是指显示状态,inline表示内联,特点是紧贴着前一个内联元素,而float表示的是浮动,float:left,是针对块级元素的浮动形式,是不同形式的两种状态,有需要的朋友可以参考一下,希望对大家有所帮助! 本文和大家重点讨论一下CSS display:in...
点评:本文为大家介绍下html 中p不自动换行的多种实现,如可以使用nobr标签实现不换行,用nowrap元素等等,有需要的朋友可以参考下,希望对大家有所帮助! 1.用nobr标签实现不换行 复制代码代码如下: pHello world!nobr Hello world!nobr/p 2.用用nowrap元...
复制代码代码如下: #exp-detail .exp-content h2 { background-position: 0 -82px; font-size: 14px; font-weight: bold; height: 48px; line-height: 40px; margin: 15px -24px 0 -31px; padding-left: 27px; position: relative; }...
点评:a标签主要用于定义链接和书签,又被称作超链接或锚(anchor)链接,最常见的用法是下面几种,有需要的朋友可以参考一下,希望对大家有所帮助! a 标签主要用于定义链接和书签,又被称作超链接或锚(anchor)链接,最常见的用法是下面几种: 建立超链接href...
点评:碰到一个实现溢出文本显示省略号的需求,使用js截取字符串然后判断字符串长度实现,不过相对比较繁琐,本文为大家介绍下使用 text-overflow: ellipsis 实现溢出文本省略号显示。 今天在做jsp页面展示的时候碰到一个实现溢出文本显示省略号的需求 原本...
点评:本文主要介绍了html5通过canvas实现刮刮卡效果的示例,感兴趣的朋友可以参考一下,希望对大家有所帮助! 修改img.src时涂层也会自动适应新图片的尺寸. 修改layer函数可更改涂层样式 以下是HTML源代码(已增加移动设备支持): 复制代码代码如下: !DOCTYPE...
点评:在设计网页的过程中,射鸡师们难免会犯点错。尤其是初出茅庐的新人们更加容易在实现新点子的过程中出错。别说是新手了,就算是经验丰富的行家也得注意提高警惕,避免犯这些错误! 在设计网页的过程中,射鸡师们难免会犯点错。尤其是初出茅庐的新人们更...
点评:本文整理了对外部链接很有用的CSS样式代码,有需要的朋友可以参考下以防你需要它的时候! 大部分的信息类网站,比如维基百科,都会对外部链接(a标签)指定特定的样式.作为用户,一眼就知道该链接是指向另一个站点的资源是很好的体验。许多网站在服务器端做...
点评:本文为大家介绍下如何在textarea文本输入区内实现换行,下面有个不错的示例,大家可以参考下,希望对大家有所帮助! 在textarea文本输入区内想要换行,输入br/显示br/,输入w3school.com.cn提供的%OD%OA方法也不行,输入/r/n显示/r/n。 解决方法:输入...
点评:使用的font-family都加载浏览器自带的字体,但是如果使用css3中新标签@font-face来加载ttf字体,产生的流量将会很大! 如题! 一般使用的font-family都加载浏览器自带的字体,但是如果使用css3中新标签@font-face来加载ttf字体,产生的流量将会很大。...
点评:显示隐藏一个p特效的方法有很多,下为大家介绍下使用纯css3是如何实现的,有需要的朋友可以参考下,希望对大家有所帮助! 复制代码代码如下: !DOCTYPE HTML head script src=jquery-1.8.2.min.js/script style #showp { background-color:red; width:3...
点评:marquee元素可以实现简单的字体(图片等)的滑动等效果,下面为大家介绍下marquee元素的使用,感兴趣的朋友可以参考下,希望对大家有所帮助! marquee元素可以实现简单的字体(图片等)的滑动等效果: 复制代码代码如下: style type=text/css #p01{ wi...
点评:添加一条属性,它能够绘制一个矩形框,可以指定矩形边的颜色,边的宽度,边的样式等等,具体的实现步骤如下,有需要的朋友可以参考一下,希望对大家有所帮助! 添加一条属性,它能够绘制一个矩形框。它可以指定矩形边的颜色,边的宽度,边的样式,以及...
点评:用href 实现文件下载,之前不知道,今天有学会了一招实现点击链接弹出文件下载对话框,感兴趣的朋友可以参考一下,希望对大家有所帮助! 今天又学了一招,以前不知道,就是做过的东西太少了 目标:实现点击链接弹出文件下载对话框 代码: 复制代码代码...
直接上代码 复制代码代码如下: !DOCTYPE html html head meta http-equiv=Content-Type content=text/html; charset=UTF-8 titleInsert title here/title style type=text/css .layer { width:400px; height:400px; background-color:#FF7373; transa } .A {...
点评:当定义了 Text 的 height 属性时,在 Text 中输入的文字都不是垂直居中的,不过可以通过css来控制它,下面有个不错的示例,大家可以参考下当定义了 Text 的 height 属性时,在 Text 中输入的文字都不是垂直居中的,不过你可以添加CSS来控制它,让输入...
点评:如果说margin是盒子与盒子之间的距离,那么padding就是盒子内部文字跟盒子之间的,本例就来为大家详细介绍下,对此概念不是特别清楚的朋友可以参考下,希望对大家有所帮助! padding:如果说margin是盒子与盒子之间的距离,那么padding就是盒子内部文字...
点评:直接给span标记的样式设定width属性,会发现不会产生效果,下面为大家介绍下如何设置span的width属性,不了解的朋友可以参考下! 直接给span标记的样式设定width属性,会发现不会产生效果。 如果设置display:block,width属性生效,但是此时的span跟p...