CSS

XML:CSS基础之五

LIST.XML清蒸鲈鱼原料鲈鱼葱丝姜丝蒸鱼豉油

系统 2019-08-29 23:27:18 1917

CSS

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

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

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

CSS

CSS:a:link;visited;hover;active解释及正确顺序

a:link选择器设置指向普通的、未被访问页面的链接的样式,a:visited选择器用于设置指向已被访问的页面的链接,a:active选择器用于活动链接,a:hover选择器用于选择鼠标指针浮动在上面的元素。text-decoration属性大多用于去掉链接中的下划线:例如:a:link{text-decoration:none;}看到别人总结的两点参考下记忆:在CSS中,如果对于相同元素有针对不同条件的定义,宜将最一般的条件放在最上面,并依次向下,保证最

系统 2019-08-12 09:26:54 1885

CSS

css图片旋转

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

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

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 1878

CSS

css基础知识

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

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

CSS

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

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

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

CSS

纯CSS打造的Family tree(族谱)

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

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 1856

CSS

几个经典的css技巧

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

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

CSS

用CSS floats创建三栏页布局

用CSSfloats创建三栏页布局作者:Builder.com2004-04-2111:16AM三栏布局是目前最常见的网页布局,主要页内容放在中间一栏,边上的两栏放置导航链接之类的内容。基本布局一般是标题之下放置三栏,三栏占据整个页面的宽度,最后在页的底端放置页脚,页脚也占据整个页面宽度。绝大多数网页设计者都熟悉传统的网页

系统 2019-08-29 22:59:23 1852

CSS

学习css 四

2.3.1classselector用法1:为了配合classselector的使用,文档要有相应的标识。Whenhandlingplutonium,caremustbetakentoavoidtheformationofacriticalmass.

Withplutonium,thepossibilityofimplosionisveryreal,andmustbe

系统 2019-08-29 22:33:35 1839

CSS

最常用和实用的CSS技巧

下面是CSS最常用和实用的技巧。1.重置浏览器的字体大小重置浏览器的默认值,然后重设浏览器的字体大小你可以使用雅虎的用户界面重置的CSS方案,如果你不想下载9MB的文件,代码如下:Java代码body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-coll

系统 2019-08-12 09:30:22 1833