11.11云上盛惠!海量产品 · 轻松上云!云服务器首年1.8折起,买1年送3个月!超值优惠,性能稳定,让您的云端之旅更加畅享。快来腾讯云选购吧!
随着近些年CSS与CSS3的发展,有些东西我们可以纯用CSS去实现,取代那些需要使用背景图片的老技术。在这篇教程中,我们将创建扁平化的面包屑导航链接,不再需要使用之前流行的“推拉门式的背景图片”。
CSS sprite在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。
在我们开始使用SVG前,让我们先了解一下 SVG,并且解释一下为什么使用SVG。SVG全称是Scalable Vector Graphics,如果你使用过adobe Illustrator的话,相信你对这种适量格式的图片并不陌生!
不管你以前在web页面布局中如何称呼它们 - “区域”还是“块”,我们一直都在布局中将页面分成可视的不同区域。但真正的问题在于我们并没有使用任何正确的工具来实现。一般情况下我们使用典型的网格来划分页头,页面主题,页尾等等区域来实现所谓的页面布局。
大家可能都知道HTML5中出现了很多以前没有的标签,例如,header,nav,和footer,在这之前我们如果开发相关的页面布局的时候,往往都是使用CSS来定义相关的头部,导航及其页底部分
在网上能搜罗到很多的PSD素材,有PSD按钮、PSD图标、PSD网站模板等等各种PSD界面素材。那么如果把这些精美的PSD素材转换为 HTML/CSS 代码呢?
站长之家(CHINAZ.com)5月31日编译:随着CSS3的出现以及越来越多的浏览器对它的支持,设计人员和开发人员有了更多的选择,CSS3提供了很多的设计上的新技术和高级功能,使创建网站变得更容易,用纯CSS也可以实现各种各样很酷的效果,甚至是动画。在本文中,将分享25个CSS3动画按钮和菜单教程,希望对你有所帮助。
站长之家(CHINAZ.com)5月16日编译:在网站设计方面,CSS3可以说是拥有令人难以置信的潜力,它提供了很多设计上的新技术和高级功能,使创建网站变得更容易。随着CSS3的出现以及越来越多的浏览器对它的支持,设计师们有了更多的选择。在本文中将分享18个优秀实用的CSS3教程,值得设计者们收藏。
站长之家(CHINAZ.com)5月8日编译:随着CSS3的流行,现在已经有很多利用CSS3制作的网站,CSS3提供了很多的设计上的新技术和高级功能,使创建网站变得更容易。而jQuery作为最热门的Ajax框架,在互联网网站到处都有jQuery的身影。在本文中,就将为新手网页设计师分享29个新鲜实用的jQuery和CSS3教程,希望能对其即将或正在进行的项目有所帮助。
作为设计的组成部分,字体在网页设计中扮演着重要角色,但是要在网页中把字体用好并不是件容易的事情。这篇文章向大家分享12个非常有用的CSS工具和教程,帮助你在网页中实现漂亮的字体效果。
站长之家(CHINAZ.com)3月26日编译:对于设计人员和开发人员来说,CSS一直是web设计过程中重要的一部分,使用CSS布局的页面可以提高页面的浏览速度、易于维护和改版,给Web开发者和设计师们带来了便利。在本文中,将分享国外20个优秀实用的CSS教程,希望能帮助设计人员和开发人员提高工作效率和相关技巧。
今天我们将分享一系列CSS3的工具提示教程。工具提示经常用来显示额外的信息。当我们创建网站上的链接时,我们都需要添加title来帮助SEO。这些title将会能够在鼠标hover的时候能显示,但是没有非常漂亮的样式。
站长之家(CHINAZ.com)2月7日编译:jQuery是继prototype之后又一个优秀的Javascrīpt框架,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象盒模型的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。这里就将分享国外19个值得学习的jQuery和CSS按钮教程。
站长之家(CHINAZ.com)1月5日编译:CSS3提供了很多的设计上的新技术和高级功能,它给Web开发带来了革命性的影响,以前很多需要JavaScript才能实现的复杂效果,现在使用CSS3就能简单地实现。这里就有国外网站推荐的20个CSS3文字效果教程,希望能帮助提高你的CSS技巧。
最近关于 HTML5 和 CSS3 的内容挺多的,说明这项技术日趋成熟,本文介绍 20 个效果很酷的导航菜单。
CSS3 是对 CSS 规范的一个很大的改善和增强,它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。今天这篇文章收集了24个很棒的 CSS3 文本效果示例及教程分享给大家。
导航栏是一个网站最常使用的部分之一,用户可以通过它有序地访问网页并返回到主页。这就要求导航栏一定要简单、易用,不要让用户在浏览网站过程中迷失。接下来我们要谈的是其下的导航菜单设计。导航菜单不宜设计成过分花哨,产生令人厌烦的感觉。但也要追求赏心悦目,同
CSS3的box-shadow属性可以让我们轻松实现图层阴影效果。我们来实战详解一下这个属性。
用CSS Sprites将WordPress表情图片合并为一个文件这个想法其实我很早就有了,我已经在别的网站上见到这样的应用了(比如人间网就用了这个技术)。 那么这个方法有什么好处呢? 我想这个方法最大的好处就是大大减少了HTTP Request数量(要知道一般博客上面如果有表
高效的css写法中的一条就是使用简写。通过简写可以让你的CSS文件更小,更易读。而了解CSS属性简写也是前端开发工程师的基本功之一。今天我们系统地总结一下CSS属性的缩写。
在中国,很多前端开发初学者都会把xHTML+CSS页面制作说成DIV+CSS,甚至很多人都还不知道xHTML+CSS是什么意思,只知道盲目的追求DIV+CSS,但在国外,是没有DIV+CSS这个概念的,很明显如果单从字面上去理解,DIV+CSS的网页就要全都是div,很明显是无法达到语义化标准的。
现在看起来很漂亮了,但是我们可再作一点效果处理,选择header图层,然后按Ctrl+R显出标尺,从上面拖出一根引导线,使它垂直居中header.新建一个图层命名gloss,然后使用矩形选区工具(M)在这根引导线上面抓取一个矩形选区,用白色填充,删除引导线.取消选区,设置gloss的图层混各
HTML有标签,CSS有选择器。选择器是给内部和外部样式里面的样式命名。每个选择器都有属性在{}里面,比如简单点像color,font-weight或background-color。值在冒号(不是等号)后面,分号分离属性。
背景图片Background Images有许多属性可以操作。幸运的是,可以使用background处理所有
一些CSS属性允许使用一串值代替许多属性,值使用空格分开。
幻灯片是快速学习知识关键点的有效途径。之前本博客发布的“一个简单的、循序渐进的CSS幻灯片教程”,就为大家介绍过一个幻灯片教程,今天再为大家推荐5个以改善CSS编码为主题的幻灯片教程。这5个幻灯片主要帮助大家了解如何写出高效的、可维护的CSS 代码,学习CSS中的
要想更好的理解 css, 尤其是 IE 下对 css 的渲染,haslayout 是一个非常有必要彻底弄清除的概念。大多IE下的显示错误,就是源于 haslayout。
早段时间特别的忙,忙到站点一直没有更新;但是这段时间也是偷偷的做了一些的工作,比如对站点的JS进行了压缩,构思labs分站以及聚合分站。
新进的公司,接触新的东西,一切都让我倍感紧张。很久没有接触设计的东西了,突然上手就要做界面,心里还是很忐忑的。
在进行DivCSS布局时,需要对文本进行控制,今天系统的向大家介绍一下。CSS中控制换行的四种属性。