变脸:CSS+JS让网页浏览者不再审美疲劳(摘自网络)
2008-07-09 18:07
288 查看
变脸:CSS+JS让网页浏览者不再审美疲劳变脸:用CSS+JS打造的网页皮肤每个人都有不同程度的审美疲劳,说俗一点就是喜新厌旧,对于网页,如何把浏览者的审美疲劳拒之门外,使之对网页保持某种意义上的新鲜感,这是一个值得研究的问题。其实,很多大型网站或者个人网站都会不定期地对网页进行改版,这些都可以归纳为一个字,那就是“变”,不停地变换网页的布局与样式,就是为了迎合人们不断变化的口味。CSS核心:属性重定义先来看几个小技巧:1、给链接加上修饰我们通常会用样式表以外的元素对链接进行修饰,比如使用图片、使用表格、使用其他标签,其实我们可以对<a>标签用样式表来定义,为了过程简单,我们直接在<a>中使用style来定义。A:给链接加上边框为什么要给链接加边框呢,通常情况下我们在导航部分会给链接作些边框修饰,如果用样式表来定义,我们可以这样写:<a style="border:1px solid #ccc;" href="http://homepage.yesky.com/" >带边框的链接</a>这是效果:带边框的链接当然,这样的边框并不好看,我们还需要对其设置一下内边距。如下代码:<a style="border:1px solid #ccc;padding:5px;" href="http://homepage.yesky.com/">带边框的链接</a>这里是效果:带边框的链接B:给链接加上背景颜色其实这个效果也并没有达到美观的效果,我们可以为其添加背景颜色,代码如下:<a style="border:1px solid #ccc;padding:5px;background-color:#efefef;" href="http://homepage.yesky.com/">带边框的链接</a>这里是效果:带边框的链接这样的边框和背景色也许不是您想要的,您可以自己修改颜色参数。C:给链接加上文字修饰通常情况下我们可以在<a>标签中使用<b>标签或<strong>标签来加粗文字链接,实际上这都是多余的,我们只要在<a>标签中这样定义:<a style="border:1px solid #ccc;padding:5px;background-color:#efefef;font-weight:bold;" href="http://homepage.yesky.com/">带边框的链接</a>
相关文章推荐
- IOS-网络(网页开发-UIWebView,HTML,CSS,JavaScript,OC和JS代码互调)
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第28讲_js二维数组_js冒泡排序_二分查找_学习笔记_源代码图解_PPT文档整理
- PythonWeb框架之Django网页静态文件有效配置(CSS、JS等)
- 水平布局的多级网页菜单,JS、css代码
- [Django]静态文件:如何在网页中显示图片,css,js等静态文件
- CSS+JS实现网页(图片)特效
- DIV+CSS+JS实现的可以随意拖动的网页布局
- 【网页学习】HTML + CSS + JS
- 移动端前端笔记 — 遇到的常见JS与CSS问题及解决方法 ( 摘自zdwzdwzdw)
- 将css和js缓存到localStorage缓存,提高网页响应速度
- 网页html/js/css错误代码在线检测网站汇总
- 关于用js在网页中显示时间的问题 这个例子不错 来自网络
- JS+CSS实现自动切换的网页滑动门菜单效果代码
- php正则去除网页中所有的html,js,css,注释的实现方法
- AjaxMin4Setup.msi 压缩CSS和JS文件提高网页的加载速度
- Android:控件WebView显示网页 -摘自网络
- android webView使用js/css实现夜间模式 长按识别图片以及二维码,网页可以上传图片
- 【荐】CSS+JS打造简洁的滑动门TAB_网页代码站(www.webdm.cn)
- [网络收集]网页常用js代码片段收集
- 关于html等网页无法加载静态资源(如css、js)的一种可能性