CSS——低调的奢华

CSS，低调的奢华

我所学习的CSS应该是最简单的CSS教程了，但是，学完之后，突然发现，简单，并不意味着不能不华丽，比如一个简单的超链接就可以设置成浮雕效果：

而代码仅仅只有几行：

a{
width:80px;height:32px;
padding-top:10px;
text-decoration:none;
text-align:center;
background:url(button1.jpg)no-repeat;        /* 超链接背景图片 */
}
a:link{color:#654300;}
a:visited{color:#654300;}
a:hover{
color:#FFFFFF;
text-decoration:none;
background:url(button2.jpg)no-repeat;        /* 变换背景图片 */
}

可以使用滤镜制造发光特效：

.glow{
filter:glow(color=#FFFFCC,strength=5);        /*发淡黄色的光 */
}

等等，当然还有很多效果，可以说是用最简单的语句写出让人意想不到的效果。

下面我们来介绍一下CSS：

CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现HTML或 XML 等文件式样的计算机语言。

CSS目前最新版本为CSS3,能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象盒模型的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。

关于CSS的基本设置：

这是一张看似很繁杂的图，其实里面的内容很简单，既然CSS是设置样式的，那么它关于样式的东西就必不可少，图片、文字、菜单、背景、表格、布局等都需要设置样式，如果我们把这些需要设置的东西在抽象一点，那就是对象，某个对象的样式无非就是颜色，大小，位置，所以，几乎每一个东西都需要color、size、position，等元素，而再加上每个对象本身的特性，比如文字一定有font-size，背景图片一定有位置background-position，所以，这其实是一张很好消化的表。也就是说CSS其实并不是太难学。

当然，除了CSS自身的设置以外，更多的是他和javascript、ajax等搭配使用，产生更加绚丽的效果。因为javascript和ajax涉及内容太多，这里就不写了。

CSS，逼出你的创意

学习CSS的过程中最让人感受深的就是，思路决定出路，就像是只有白黑键的钢琴能弹出让人震惊的音乐一样，捣瑞米谁都懂，但是并不是谁都能弹出《夜曲》，而CSS也是一样的，每个对象的样式设计就在那儿里，但是漂亮的网站并不是说来就来的，所以说，CSS，他可以逼出你的创意，用最简单的代码，敲出最奢华创意。

当然，这并不是从现在开始就冥思苦想的想创意，而我认为创意也不是躲在黑屋子里什么也不做就能想出来的，更多的是需要我们去学习其他的人的作品，在学习欣赏的过程中逐渐壮大自己的思维，就像两弹元勋钱学森一样，钱老可以说是一个极具创新的人，而他的创新也不是一朝一夕产生的，仅仅清华、麻省理工、加州理工这样的学习机会，就完全可以证明这一点，所以，我们还要：

站在巨人的肩膀上

下面是一些关于CSS学习的网站

CSS库吧，提供一些高级的CSS样式网页

http://www.cssk8.com/

CSS学习基本教程

http://www.w3school.com.cn/css/css_syntax.asp

深入学习CSS布局之道

http://developer.51cto.com/art/201005/202059.htm

divcss学习网站

http://www.divcss5.com/

我爱CSS

http://www.52css.com/

CSS标准之路

http://www.aa25.cn/index.shtml

CSS——低调的奢华相关推荐

中式家装红木装修，邂逅低调的奢华
中式家装红木装修,在现代的装修理念上,进行了合适的融入,已经不是完整意义上的传统模式,所以,在我们进行家居装修的时候,如何才能打造出一所合适中式装修的家居.成为了大家所关注的重点. 中式红木古典装饰风 ...
HTML+CSS零基础学习笔记（五）— 模拟淘宝首页（静态）
内容概览模拟淘宝首页(静态) 一.项目重难点二.效果图及源码模拟淘宝首页(静态) 一.项目重难点样式重置:在实际开发过程中,我们往往会新建一个单独的CSS文件(reset.css),用于对应H ...
译者招募 | 这本“顶级”微积分教材，中文版要来了！
"多伦多的郊外深林中,坐落着一栋五层高的豪华府邸,流线型的外形,素雅的木质装潢,透露着这栋私宅的低调与奢华.里面有四个卧室八间厕所,甚至还有一个能容纳 150 人的音乐厅和一个室内游泳池,主 ...
麦克风阵列降噪_黄鹂智声降噪耳机E100u，与喧嚣说再见
科技的突飞猛进让与人们日常生活息息相关的智能产品也得到了一个质的飞跃.如手机越来越智能且性能也越来越强大外,耳机做为与人们也最常接触的数码产品更好的音质与降噪也是人们所追求的.今天笔者就为大家介绍一款 ...
贝壳扫地机器人_科沃斯每个型号扫地机器人的特点是什么？
每一个想要购买科沃斯扫地机器人的网友想必都经历过一个痛苦的选择期.为什么这么说,因为科沃斯机器人的型号太多了.科沃斯所有的扫地机器人都属于科沃斯地宝系列.但是你知道截止2017年底,科沃斯地宝总共有多 ...
02-15 GUCCI 我喜欢的
我觉得,GUCCI是低调的奢华,价格不是很高,容易接近,符合我的风格,是现阶段我的选择样式我喜欢希望我的生活质量步步高升,将来不再为追求物质生活而奋斗. 转载于:https://www.cnblo ...
ktv管理系统_KTV经营管理的几个原则
KTV的竞争已经到了拼综合实力的阶段,向管理要效益.建立完善的KTV企业管理体系的重要性已经不言而喻了,建立全面的管理体系,可以促进KTV整体管理工作同步化.协调化,全面提升管理绩效,是KTV企业立足 ...
黑金花大理石_石材用上黑金花，一看就是富豪家
点击石材生意圈关注中国人自古就有"家"的情怀. ................................................................. ...
平板触控笔要原装的吗？开学季必备电容笔推荐
如今对那些把ipad当做学习工具的用户而言,Apple Pencil就显得尤为重要了.但由于Apple Pencil的售价实在太高,让学生党望而却步.因此,最好的办法就是选择平替电容笔.我是一个ipa ...

CSS——低调的奢华

CSS——低调的奢华相关推荐

最新文章

热门文章