CSS和JS为什么带参数(形如.css?t=与.js?t=)怎样获取代码

css和js带参数(形如.css?t=与.js?t=)

使用参数有两种可能:

第一、脚本并不存在,而是服务端动态生成的,因此带了个版本号,以示区别。 即上面代码对于文件来说 等价于 但浏览器会认为他是 该文件的某个版本!

第二、客户端会缓存这些css或js文件,因此每次升级了js或css文件后,改变版本号,客户端浏览器就会重新下载新的js或css文件 ,刷性缓存的作用。

第二种情况最多,也可能两种同时存在。

版本号,可以是一个随机数,也可以是一个递增的值,大版本小版本的方式,或者根据脚本的生成时间书写,比如就是精确到了生成脚本的秒,而 2.3.3 就是大版本小版本的方式。?合肥网站建设公司

获取对方网站JS或CSS文件方法步骤如下:

1、直接在firebug下的html里面就可以看到这个文件,?然后按住ctrl健,然后点击鼠标;

2、然弹出来一个新的JS或CSS页面(如果人家加密的话可能这个页面就是空白);

3、最后?ctrl+a?复制并保存到js文件里面。

如果还是不明白,那就看下这个截图,关于获取百度首页的一个JS文件实例:

文章来源:http://www.darewe.com/news/news-162.html?转载请注明。

使用CSS Sprites就好像玩拼图游戏一样

在大家还在拨号上网的“远古时期”,由于网速的限制,页面开发者都喜欢把网页里面的图片字节数控制的非常小,往往在一个图片文件夹里散落着n多的小碎图。随着网络技术的发展,网速的提升,大家越来越重视页面的加载速度、页面效率问题,过去的那些小图便成为了前端开发者的眼中钉,因为每加载一张图片都会产生一次浏览器请求数,发起的请求数越多那么页面加载的速度也越慢。还有当页面加载时,图片一个个的零星显示,鼠标经过时候背景闪白等也都是我们不能忍受的。于是乎将页面中的背景图整合到一起,利用“background-image”,“background- repeat”,“background-position”的组合进行背景定位的技术被广泛使用与了页面构建中,这就是CSS Sprites。当然CSS Sprites技术也存在着维护不便,内存占用大等等的缺点。

上面这些只是对CSS Sprites技术的一个普及。作为一个开发者我们应该对它有一个更全面的认识,挖掘深度内容,这样才能有利于我们效率开发,团队协作。

头疼的多人拼图游戏

使用CSS Sprites,就好像玩拼图游戏一样。一张白画布,那么多图怎么放到里面去才会完美?这是个让人纠结的事。而且在实际在工作场景中,我们面临着项目开发时间紧张,UI设计图要分期提供,多人协同开发一个项目等等问题。这些问题非常容易让我们在大项目中迷失,造成CSS拼图混乱,维护及其困难的情况。

定好规则,其实拼图也挺好玩的。

先期的准备工作

应对一个项目后期维护成本大的问题,我们最好的解决方案就是在开始前制定一系列的规范来限制问题的产品。好的开始是成功的一半。对于CSS Sprites,在项目开始前,我们要充分认识一个产品,同UI设计师做好良好的沟通,对我们未来组成我们Sprites图的各个元素有个大体的概念,比如我们的背景拼图可能包括什么。

一个好的Sprite画布是必须的

网页设计里面,Grid系统是必不可少的,好的Grid能解决我们很多排版问题。Grid系统同样适用于CSS Sprites。我们需要创建好一个优秀的画板,剩下的工作就是将元素合理的置于画板中了。

原文来源:合肥网站建设公司?http://www.darewe.com/news/news-98.html

一个网页设计师和终端体验者的对话

虽然说设计师很少能和终端体验者发生关系。但是事实上,一个页面到底好不好,终端体验者最有权利说。作为一个设计师,不是说光会设计漂亮页面就OK了,如果用户体验不好,页面再漂亮,也是空的。

1、需要学习理论,但不要迷信理论。很多设计师喜欢看国外的设计理论,这些理念通常都很先进,而且都有很强的逻辑,让人觉得“该这么回事”。不过,实际情况是,这些所谓先进的理念都是外国设计师根据国外用户浏览习惯总结出来的东西,虽然很系统、很完善。但是和中国用户的习惯还是有很大差异的。关于这点,我做过几个大型英文网站的项目,感触很深刻。其实,那些理论也都是外国设计师一点一点总结出来的,我们为什么自己不能总结一些中国用户自己的习惯呢?多看各个成功的网站,多观察身边的人浏览网站的习惯,然后自己思考一下“为什么”。合肥网站建设公司当你有自己成熟的理论了,你就离“大师”不远了。

2、好的页面设计是引导用户去阅读的。设计的最终目的是为了传达信息,如果为了页面美观而失去了传达信息本身的效果,那这种页面设计的效果就是负的。这是很多有平面设计习惯的设计师时常会忽略的问题。尤其在以文字和图片作为传达主体的网站上,这种问题更加明显。建议有这样问题设计师能看一些关于排版方面的书籍——在这方面,网页设计和印刷排版设计是有共通之处的。

3、设计也需要在文字上下功夫。很多时候页面上的引导是通过文字链接实现的,而策划案里面或者LAYOUT里面不会给你明确的文字(有不少策划案里所给的文字链界是仅供参考的),如果不自己琢磨下,有时候真会出现不少尴尬。最简单的例子:很多人喜欢用“MORE”、“CLICK HERE”、“SKIP”这样的英文单词。这个单词什么意思,我们都知道、可是如果这个网站目标用户群体是中年人或者年纪更大的人。那恭喜你,你对牛谈琴了——呈然,现在的年轻人大多有英文基础,但是老一辈可没有我们这么好的教育水平啊!…很多设计师都不太在意文字本身,这在中国是一个很悲哀的事实——这样的态度会让设计师很难进步,就是从职业规划上来说,将来要朝更高的其他方向发展,这也会成为一个障碍。

4、考虑下动态页面具体使用中会遇到的问题。静态页面我们能够控制最后出来的效果。但是动态页面却会出现我们无法预计的问题,你需要考虑到没有美感的网站编辑用丑陋颜色的标题把你的页面搞的乱七八遭、你需要考虑到有时候用户名是8个字,但是你却只给了7个字的距离……如此等等的问题都会影响到页面的效果和用户的观感。这方面的问题总是会超出你的想像,但是一旦发现了,就必须准备解决的方案,能否发现问题以及是否快速找到解决问题的方案,在一定程度上也是判断一个设计师是否有经验的标志。

原文来源:合肥网站建设公司?http://www.darewe.com/news/news-97.html

在网页设计中的如何使用白色才能恰到好处

白色是一种包含光谱中所有颜色光的颜色,通常被认为是“无色”的。通常与白色的引申含义为:清洁,纯净,新鲜,纯洁,和平,纯真,简单,纯粹。白色和黑色的组合有最大的视觉反差,这可以用来描绘相反的概念,如日间及夜间或善与恶。

在网页设计中的白色是优雅、简约和时尚的象征。在保证网站整洁的情况下,它是用来创造空间和移动关注的网站的重要元素。使用白色的最佳合肥网站建设公司中有很多给人的印象就是“干净和简洁”。这类设计貌似很简单,但是它真的是个挑战。最佳的设计通常是看起来不是被设计过的那些。

颜色代码

24位颜色配置表中的值:#ffffff

视觉传达

白色是一个中立的颜色,常常被用作页面的背景色,印刷品中也是如此。有一个误解是白色是枯燥的,或者使用白色会显得老土,无创意,但是很多很多的设计师使用了白色并创造了很漂亮的设计作品。使用白色的最佳网站中有很多给人的印象就是“干净和简洁”。

在设计中使用白色白色有各种变色。白色包括古董白、乳白色、亚麻白、米白色、纸色、雪白、珍珠白以及象牙白,它们会比纯白色显得更温和或不那么僵硬。很多白色可以和浅蓝色搭配成一个冬天风格的色盘,或者和黄色或粉色搭配出一种夏天的味道。

少量的白色可以非常棒的点亮一个设计,也可以让暗色的红色、绿色、蓝色 和 紫色 看起来更醒目。如果你是美国人、法国人、英国人、瑞典人(以及其它的一些国家),红色、白色和蓝色可以创建一种有爱国意义的色盘。黑色和白色是最有对比度的组合,你可以用它传达一种严肃或者喜剧性的感觉,安徽网站建设

使用白色并不是意味着一定是“极简的”。极简主义并不依赖于任何特定的颜色。同样,“空白”也并不一定非要是在元素周围使用白色。你——设计师必须做出选择。

白色的季节感

春天:是具有朝气,生命的特性,一般各种高明度和高纯度的色彩,以黄绿色为典型;

夏天:具有阳光,强烈的特性,一般是高纯度的色彩形成的对比,以高纯度的绿色,高明度的黄色和红色为典型;

秋天:具有成熟,萧索的特性,一般是黄色以及暗色调为主的色彩;

冬天:具有冰冻,寒冷的特性,一般是灰色,高明度的蓝色,白色等冷色;

10个网页设计师必备的CSS技巧

CSS是网页设计师的基础,对CSS的了解能使他们能够设计出更加美观别致的网页。使用CSS技巧来巧妙地处理CSS是非常令设计师着迷的事情。在 CSS的深海世界里有很多有意思的东西,你只需要找到最适合你的就好。当然我们不可能一下子就记住所有CSS的规则和语法,但为了以后的发展我们还是应该 记住那些非常有用的CSS技巧。今天我们精心准备了10条对网页设计师最有用的CSS技巧,如果你想设计出独一无二脱颖而出的网页你必须得好好注意了。

1. @font-face
一种用其他服务器上的字体的好方法。很明显,如果你不能在托管服务器上找到你需要的字体,你可以在样式中使用这个方法来引入你需要的字体。
1 @font-face {
2 font-family: Blackout;
3 src: url(“assests/blackout.ttf”) format(“truetype”);
4 }

2. .clearfix
如果你没法清除元素的浮动,这是清除浮动一种方法。你可以对任何html元素单独使用这种方法。
1 .clearfix:after {
2 content: “.”;
3 display: block;
4 clear: both;
5 visibility: hidden;
6 line-height: 0;
7 height: 0;
8 }

3. @media
@media 可以设置你当前响应网站的媒介,它能帮助你根据用户的显示器调整网站的宽度。
1 @media screen and (max-width: 960px) {
2
3 }

4. transform: rotate(30deg);
结合这些转换属性和CSS转场效果来创造有意思的动态效果。
1 .title {
2 transform: rotate(40deg);
3 }

5. background-size
这条规则帮助你在网站中适应全屏幕背景。这不像之前的CSS版本必须写很笨重的代码。
1 body {
2 background: url(image.jpg) no-repeat;
3 background-size: 100%;
4 }

6. input[type=”text”]
这个input[type=”text”]选择器和其他高级选择器把你从一般水平带到高级水平非常有帮助。使用属性选择器来控制输入元素的提交版本或为一个外链增加一个图标这样很不错吧?
1 input[type=”text”] {
2 width: 250px;
3 }

7. margin: 0 auto;
很奇怪,没有任何特定的标准来使块级元素居中。这个方法可以使块级元素在父元素中居中。
1 #container {
2 margin: 0 auto;
3 }

8. a {outline: none;}
在浏览你的网站的时候,点一个链接一个巨大的虚线框就横跨整个网页这将严重影响用户的心情。这个“a {outline: none;}”声明将移除这个,但为了易用性别忘了给你的链接也加上:focus状态。
1 a {outline: none;}

9. overflow: hidden
这是最好的清除还没加载到你CSS里面的元素浮动的方法。使用它使网站的响应速度更快。
1 .container {
2 overflow: hidden;
3 }

10. color: rgba();
PNG图片因为它的透明性使它在网页设计中很流行并广泛使用,但是现在你可以使用下面这种方法同样实现透明。它使用红、绿、蓝三通道并设置其不透明度值来实现透明,像0.5对应%50的不透明度。
1 .btn {
2 color: rgba(0,0,0,0.5);
3 }

Seo先生博客发布,本文固定链接地址:http://SeoSir.cc/709.html