拥有CSS标签的文章
CSS

使用CSS和JQuery,模拟超链接的用户单击事件

在正式开始本文之前,先来简单介绍下HTML的标签:使用标签,我们可以在HTML页面上定义锚(anchor),锚有两种用法:通过使用href属性,创建指向另外一个文档的链接(或超链接)通过使用name或id属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的链接)本文的内容与锚的第一种用法有关。

系统 2019-08-29 23:32:39 1575

CSS

深入学习CSS DIV相对定位语法

其实CSSDIV相对定位是一个非常容易掌握的概念。如果对一个元素进行CSSDIV相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或水平位置,让这个元素“相对于”它的起点进行移动。CSSDIV相对定位绝对定位使你能精确地定位要素在页面的独立位置,而不考虑页面其它要素的定位设置。CSSDIV相对定位指你所定位的要素的位置相对于在文件中所分配的位置。例:I{position:relative;left:40px;top:10px}CSSDIV相对定位的

系统 2019-08-12 09:30:05 1568

CSS

css图片旋转

图片旋转效果的一些研究、jQuery插件及实例一、前面的唠叨图片的旋转可以说是一种效果,但是逐渐的,旋转已经不单单是属于视觉效果那个范畴,其更具有使用性,功能性。我们都知道,照片有时候是需要横过来的拍的,当我们预览或共享到web上时需要进行旋转。这个操作在以往可能更多的是交给软件去完成,然后再将旋转到正常角度的图片发布到web上。但是,现在直接就可以在web上对图片进行旋转之类的处理,就算图片处理软件再怎么方便好用,也不及直接发布时对图片做调整来的方便。这

系统 2019-08-29 22:28:03 1558

CSS

几个经典的css技巧

几个经典的css技巧使用line-height垂直居中line-height:24px;使用固定宽度的容器并且需要一行垂直居中时,使用line-height即可(高度与父层容器一致),更多的垂直居中总结可以看这里。清除容器浮动#main{overflow:hidden;}期前也提到过这样的问题,更多信息可以看这里。不让链接折行a{white-space:nowrap;}上面的设定就能避免链接折行,不过个人建议长链接会有相应的这行(有关换行方面的讨论,参看圆

系统 2019-08-29 22:16:08 1544

CSS

css基础知识

开始CSS(CascadingStyleSheet,可译为“层叠样式表”或“级联样式表”)是一组格式设置规则,用于控制Web页面的外观。通过使用CSS样式设置页面的格式,可将页面的内容与表现形式分离。页面内容存放在HTML文档中,而用于定义表现形式的CSS规则则存放在另一个文件中或HTML文档的某一部分,通常为文件头部分。将内容与表现形式分离,不仅可使维护站点的外观更加容易,而且还可以使HTML文档代码更加简练,缩短浏览器的加载时间。语法CSS语法由三部分

系统 2019-08-29 23:24:09 1541

CSS

jsp页面引用相关js,css文件路径问题

1.在jsp中,如此引用js文件,表示的路径为当前浏览器请求页面的当前目录,即:localhost(:8080)/Logistics/js/jquery-1.8.3.js2.在jsp中,如此应用js文件,表

系统 2019-08-29 23:00:14 1532

CSS

使用LESS或Sass重构CSS代码

作者WernerSchuster译者杨晨发布于2009年7月28日上午5时56分在Web开发中,CSS的使用是非常普遍的,但滥用的情况也是屡见不鲜。LESS和Sass都是用Ruby实现的工具,可以帮助开发者写出复用性更优的CSS文件。它们的方法基本类似:将类似CSS但是更为强大的输入语言,最终转换为CSS代码。两种语言给CSS添加的特性都是相似的,具体参见LESS和Sass的文档。下面是一个简略的概述:变量:LESS中的@name和Sass中的!name都

系统 2019-08-12 01:33:40 1528

CSS

filter IE滤镜(Internet Explorer)CSS

概述CSS滤镜虽然只能在IE浏览器中表现出效果,但是仍不失为网页增加特效的好办法。1.CSS静态滤镜样式(filter)CSS静态滤镜样式的使用方法:{filter:filtername(parameters1,parameters2,...)}Filter样式简要说明支持参数alpha设置图片或文字的不透明度opacity、finishOpacity、style、startX、startY、finishX、finishY、add、direction、st

系统 2019-08-29 23:45:30 1527

CSS

16个优秀的CSS3表单开发教程

CSS3给Web开发带来了革命性的影响,以前很多需要JavaScript才能实现的复杂效果,现在使用CSS3就能简单的实现。今天这篇文章和大家分享16个优秀的CSS3表单开发教程。1.CreateaStylishContactFormwithHTML5&CSS32.CreateaSlickCSS3LoginFormNOIMAGESALLOWED3.Glowform4.DesignaPrettierWebFormwithCSS35.HowtoBuildCro

系统 2019-08-12 09:30:08 1520

CSS

css样式教程 5、Margin和Padding

margin和padding用来隔开元素,margin是隔开元素与外边,padding是隔开元素里边。例子h2:程序代码h2{font-size:1.5em;background-color:#ccc;margin:1em;padding:3em;}元素四边可以设置的属性:margin-top,margin-right,margin-bottom,margin-left,padding-top,padding-right,padding-bottomand

系统 2019-08-29 23:51:43 1515

CSS

css样式教程 1、CSS的应用

有三种方法应用CSS一、In-line行内行内样式是在html标签里直接使用style属性程序代码text

设定段落文字红色。但要记住,最后的HTML应该是独立出来,使用表现文档,所以行内样式应该在任何地方避免。二、Internal内部使用于整个页面的植入内部样式在head标签里面,style标签包围样式。程序代码

系统 2019-08-29 23:17:16 1503

CSS

纯CSS打造的Family tree(族谱)

Familytree(族谱),也称家谱,用来记录家族世系繁衍辈份关系。本文结合实例,不借助任何js脚本,使用纯CSS打造一个漂亮的Familytree(族谱),也可以应用的企业组织架构图中。查看演示下载源码HTML我们使用div#tree来包含整个族谱结构,内部以ul和li元素构建数据源。实际开发中这些族谱数据源可以从数据库中读取,就像得到一个无限级的分类列表,以下是主要的html结构。
  • 系统 2019-08-29 23:03:42 1503