网页
20个学习CSS的绝佳网站-让你从入门到精通
九 30th
CSS(层叠样式表)是一种简单的设计语言,能够将页面变漂亮这回事儿变的简单化。在HTML和XHTML中设定页面的样式,这是最常用的应用。但也可以应用于 XML类的文档,包括SVG和XUL。他负责管理网页的设计和外观。使用CSS,你可以控制文字的颜色、字体、段落间距、分栏的数目大小布局、背景图片颜 色,以及其他很多种的效果。接下来才是要说的是学习并掌握CSS的20个绝佳站点。这里收集到的CSS站点能使你从初学者到高级人员。这些能协助你开发和改进网站。恩,随便看看吧。 Csstutorial 这个站点全部是关于CSS的。万一你不熟悉CSS:CSS是HTML的一种姐妹技术,可以设计你的页面。这些细节都在教程里面,不过现在我就可以说Css可以让你页面看起来更好! Visit Site cssbasics 这个网站中,你可以从每段内容里学到单独的样式,覆盖了Css所有的基础知识。 Visit Site w3schools 在这个站点里,你会学到如何使用Css来控制多种页面的样式和布局。 Visit Site ht...阅读全文【悦宽网】
令人难以置信的纯 CSS3 图标
八 24th
尽管被 批评为走火入魔,CSS3 痴迷者们仍然在尝试实现各种基于纯 CSS 的图形与图标设计,如果你看到本文介绍的这些精美图标,你绝对不会相信它们完全是由 CSS3 代码生成的。尤其是那套由 Louis Harboe 设计的 iOS 图标,那么微妙的色彩与纹理,真的难以置信。 奥林匹克标志 作者: Doug Neiner 基于纯 CSS,以 em 为单位,可动态调整尺寸,需要浏览器支持 border-radius 属性,目前支持的浏览器包括 Chrome, Safari, Firefox 和 IE9。 jQuery 标志 作者: Doug Neiner 这是大家最钟爱的 JavaScript 框架 jQuery 的标志,使用 CSS3 的 border-radius 属性。 jQuery UI 标志 作者: Doug Neiner 这是 jQuery UI 库的标志,同样,基于 CSS3 的 border-radius 属性。 CCS 标志一宗 作者: Justin Sepulveda 全部基于纯 CSS3 的 border-radius, gradient, transform 属性。 Opera 标志 作者: David DeSandro 做得非常漂亮,大量使用了 border-radius, gradient 属...阅读全文【悦宽网】
网站首页head区代码规范
八 21st
head区是指首页HTML代码的<head>和</head>之间的内容。 必须加入的标签 1.公司版权注释 <!— The site is designed by Maketown,Inc 06/2000 —> 2.网页显示字符集 简体中文:<META HTTP-EQUIV=”Content-Type” CONTENT=”text/html; charset=gb2312″> 繁体中文:<META HTTP-EQUIV=”Content-Type” CONTENT=”text/html; charset=BIG5″> 英 语:<META HTTP-EQUIV=”Content-Type” CONTENT=”text/html; charset=iso-8859-1″> 3.网页制作者信息 <META name=”author” content=”hhlong.com”> 4.网站简介 <META NAME=”DEs criptION” CONTENT=”xxxxxxxxxxxxxxxxxxxxxxxxxx”> 抱歉,如果你要查看本帖隐藏内容请[回复]后再[刷新] 阅读全文【悦宽网】
CSS样式命名规则(仅供参考)
八 20th
相信大家对样式命名都多少感到困难,特别是想起一个有意义的名,更难。回顾了一下之前写的《 样式命名规则 》(不知道大家使用后有什么感想)结合这段时间使用上发现的一些问题,重新整理了样式的命名规则,希望能更实用些。 1.样式命名 外 套: wrap 主导航: mainnav 子导航: subnav 页 脚: footer 整个页面: content 页 眉: header 页 脚: footer 商 标: label 标 题: title 主导航: mainbav(globalnav) 顶导航: topnav 边导航: sidebar 左导航: leftsidebar 右导航: rightsidebar 旗 志: logo 标 语: banner 菜单内容1: menu1 content 菜单容量: menu container 子菜单: submenu 边导航图标:sidebarIcon 注释: note 面包屑: breadcrumb(即页面所处位置导航提示) 容器: container 内容: content 搜索: search 登陆: Login 功能区: ...阅读全文【悦宽网】
使用 SSH 安装和迁移 WordPress 博客
八 18th
一般我们安装或者迁移 WordPress 博客,我们都需要把 WordPress 安装包或者资料下载到本地,然后上传到新的服务器,再进行安装或者迁移,这样不仅耗时费力,如果主机在国外的话,传送几百兆数据将会是一场噩梦。 其实如果你的主机支持 SSH 的话,这一切都会变得很简单并且可以迅速完成,下面我讲解下如何使用 SSH 安装或者迁移 WordPress 博客,以及使用 SSH 体验 WordPress 正在开发的功能。 使用 SSH 安装 WordPress 博客 如果你只是在主机上安装一个全新的 WordPress 博客,那么使用 SSH 将会让你在非常短的时间完成就完成这一操作: 使用 SSH 登录到你主机,并转到你要安装 WordPress 博客的目录之下。 使用下面命令从 WordPress.org 下载新版本的 WordPress 安装包。 wget http://wordpress.org/latest.tar.gz 这个下载速度会非常快,速度快的话都可以达到 5M/S。 在下载完成之后你需要通过 ls 命令看看下载下来的文件的名字,如果 WordPress 最新版是...阅读全文【悦宽网】
IE十五年对比图赏
八 17th

1995年8月16日,微软Internet Explorer 1.0发布,它是微软将收购的Spyglass旗下Mosaic浏览器(1987年开发完成)改组而成的。至此,IE已经走过了15年的风风雨雨。 1995年IE1 最初的IE只有1MB,功能也十分简单。它并不是和Windows 95同时发布的,不过后来却成为Windows 95 Plus Pack的一部分。 1995年IE2 2.0版本新增了对SSL、cookies等技术的支持,不过页面仍然很简单。抱歉,如果你要查看本帖隐藏内容请[回复]后再[刷新] 阅读全文【悦宽网】
Microsoft Expression Studio 4 Ultimate 中文版发布
八 2nd
Expression Studio Ultimate 是供生成网站以及 Windows 客户端应用程序和丰富媒体内容的专业设计人员使用的一系列工具,可以将创作人员引领到一个全新的创作天地。无论您是准备设计基于标准的网站,还是设计内容精美,令人赏心悦目的桌面或者 Silverlight 内容,均可以借助本产品所提供的专业化设置工具来实现自己的设计理念。它包括 Expression Web + SuperPreview、Expression Blend、SketchFlow、Expression Encoder Pro 和 Expression Design。 目前,MSDN订阅站点仍然没有提供简体中文版下载,但是在微软下载中心却已经提供了 Expression Studio 4 Ultimate 中文试用版的下载。广大设计人员可以下载使用了。抱歉,如果你要查看本帖隐藏内容请[回复]后再[刷新] 阅读全文【悦宽网】
WordPress 更改博客主题后的注意事项
八 1st
WordPress博客主题繁多,安装使用一个主题一段时间后难免会更换新的博客主题,但是更改博客主题并不是上传安装即可,还需要注意一些事项,下面本站介绍下WordPress更改博客主题后需要注意哪些事项。 1、浏览器兼容 由于各个浏览器之间的差异,和主题作者没有每个浏览器进兼容bug处理,所以部分主题会对某些浏览器有不兼容的现象,会出现错位、乱码等情况,这时候要注意修改主题兼容问题 2、博客侧边栏 每个主题的侧边栏内容都不一样,而且博主使用后都会对其进行大改动,友情链接、广告等内容,在更换主题后,注意要把这些东西修改整理好 3、检查插件情况 新的主题某些功能也许不需要插件实现,那么这个时间就把插件停用并删除掉;重新添加插件调用代码,如浏览统计插件postview;还要注意插件工作是否正常。 4、博客统计代码抱歉,如果你要查看本帖隐藏内容请[回复]后再[刷新] 阅读全文【悦宽网】
HTML代码的美感
七 29th
每当我访问精美的网站,我都情不自禁地会去查看源代码。这就好比你拥有一副X光眼镜,能够看到任何人——甚至透视他们的遮羞布。这简直是天经地义的事情嘛!我迫不及待地想了解,这个精美的网站,是不是由同样具有美感的代码所写成,而或者只是金玉其外败絮其中。代码?美感?当然!归根结蒂,代码如诗。(译注:“Code is poetry”为著名博客系统 Wordpress 的宣传语。)这仅仅是最基础的 HTML 而已,自然不如其它动态语言般复杂而优雅,但它依旧保持了它的创造者所赋予的艺术笔触。 这就让我不禁开始思考,如何让代码具有美感?对于 HTML 而言,这一切都是手工活。让我们看看标记语言如何能达到具有美感的境界。 图片有足够大(译注:2000×2000),你大可以把它打印出来并贴在你的个人储物箱中,并让你的朋友留下深刻印象。话说回来,这的确是个令人纠结的大小。我会放出 PSD 原图方便大家修改。 HTML5 – HTML5 及其新元素带来了前所未有的美感...阅读全文【悦宽网】
现在如何在你的站点上使用HTML5
七 23rd
已经有许多文章是关于HTML5的了,例如“HTML5有什么期待?”和“HTML5会如何改变网络”之类的,但是对于Web开发人员来说,最主要需要知道的是:我现在可以用上HTML5来做些什么,我怎么开始使用它?好消息是现在已经有不少的HTML5里的东西可以使用了。但是,开始你就必须要明白一件事情,你需要知道你的受众如何,否则的话你就不该使用HTML5。假如你的站点的访问大部分人都是在使用IE6,那么你完全没有任何理由使用HTML5。另一方面,如果你站点的访问者都是使用手机浏览器,如iPhone和iPad,那么你还在等什么呢?马上就可以开始动手了!等等,这里有一些准则,看完再动手不迟。 你现在可以使用哪些HTML5特性? 虽然HTML5标准现在仍然是个草案,在标准化组织手里依然还在商讨,但是重要的部分已经被许多现代的浏览器实现了。Apple Safari, Google Chrome, Mozilla Firefox, Opera和Microsoft IE9都已经很好的支持了HTML5的部分特性。 先来看看各浏览器在HTML5T...阅读全文【悦宽网】


近期评论