CSS(cascading style sheets)层叠样式表,简单通俗得说它就是网页网站美丽的外衣,而且这个外衣可以去掉、改变。它实际上就是一个文档,把网页的外观隔离出来你单独去设计修改。层叠样式表有几个特点:1.可以任意挪用调用,2.简单易学,3.效果灵活丰富,要比html强大得多。
CSS可以说从根本上改变了网页设计,它让网页和网页的风格彻底隔离出来,从而可以系统改变也可以微调,而且这种设计功能强大。现在它逐渐成为网页设计的主流,因为有时网站的网页越来越多,一个个更改麻烦,另一个就是对网页的设计美感要求越来越高。所以要成为一个顶级的网页设计师,首先得成为一个CSS高手。
从上面一个简单的html文档可以看出一个层次型来,可以说成是上下级或父子关系,为什么要讲这个呢?因为html语言是很简单的,核心就一个字tag,有了它就可以控制网页的一部分东西。Em是强调标签,CSS里有一个重要的属性叫inheritance,不给下级赋值,它会继承上级属性值。
P叫做选择符,你要给什么施加规则,你是给一个元素施加规则还是一个类别施加规则。大括号里的冒号前的叫属性,就是要改变风格的哪个部分,分号之前的就是一个值,分号表示还可设置其他属性。大括号部分叫做声明块。
要写CSS规则,首先在网页源代码的head区里加上style标签,这个东西是固定的。规则就写在风格标签里面。为了保持一致在最后一个value后面的分号最好不要省略掉,便于下次写新的属性值。
当网页不是很多的时候或规则很少时,可以采用嵌入式层叠样式表,也就是在style风格标签之间写入了一些规则。但如果网页非常多而且不同的网页要求不同的风格,前一种方式就不是很有效的了,采用链接式层叠样式表。
采用链接式CSS好处是把网页和网页风格隔离出来了,你可以很容易去修改网页的风格,特别是网页非常多而且不同的网页要求不同的风格,手动去改是不现实的。可以为一个网页外挂多个层叠样式表,方法是复制产生多个<link>标签, <link href="main.css" rel="stylesheet" type="text/css" />。还有一种叫引入式,用得不多,但要知道有这么回事,@import url(main.css);。
类别选择符(class selectors)让你对一个给定的类别应用CSS。因为你要给网页施加规则首先得确定给谁施加。如下p.bold {font-wieght:bold;} bold是一个类别的起的名字,.是一个类别标志。也就是说只要这个元素是段落且属于bold类别的话,在html里面都是粗体
href标签怎么用显示的,如<p class=”bold”>我的易生活动起来!</p>。
ID选择符有点像类别选择符,只不过每一页只能用在一个元素上。如果给定以下CSS规则:p#bold {font-weight:bold;}。#bold就是一个元素的ID,后面是很普通的CSS规则。加上这个html标签:<p id="bold">易生活网上订餐系统</p>。
可以同时为多个选择符运用同一套规则,如p,h1,h2 {text-align:center;},每个选择符之间只需要用逗号隔开即可;甚至你可以在选择符之间掺杂ID类别符等等,例如p.navgation,h1#title {font-weight:bold;。
在CSS中你可以用颜属性来指定任意元素的元素,如p {color:blue;}有5种定义颜的方法:
当然并不是所有颜都可以用颜关键字指定,常用关键字有aqua(浅绿),black,blue,fuchsia(紫红),gray,green,lime(酸橙),maroon(栗),navy,olive(橄榄),purple,red,silver,teal,white and yellow。16位进制在编程时用得比较多。背景颜属性也有同样5种颜定义方法,它定义背景的颜,只不过color换成了background-color。
用CSS做布局有几个属性之间的关系得明了:
content可以是任何元素;padding是border和content之间的空间,它在英语里面本来就指枕头等里的填充物;margin是一个元素border之间的边框距离,它是一定存在的不管你看不看得见。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论