网站地图    收藏   

主页 > 前端 > css教程 >

2014年辛星解读css第一节 - html/css语言栏目:html

来源:自学PHP网    时间:2015-04-14 14:51 作者: 阅读:

[导读] CSS是Cascading Style Sheets的缩写,即层叠样式表,它用于表现HTML的样式,即HTML只是去写该网页有哪些内容,至于如何去表现它们,由CSS去定制。*************时代的呼唤*************1 在之前,我...

CSS是Cascading Style Sheets的缩写,即层叠样式表,它用于表现HTML的样式,即HTML只是去写该网页有哪些内容,至于如何去表现它们,由CSS去定制。

*************时代的呼唤*************

1.在之前,我们直接把网页的格式写到HTML中去,这样会造成格式的混乱,而且难以阅读和修改,不过这不是最大的问题,最大的问题在于我们想给网页换一个表达样式的时候,需要修改的地方不仅很多关键是非常零散,需要花费很大的力气去定位这些样式。

2.于是,把网页内容与其表现形式相分离的想法就出现了,CSS能够实现对网页中的对象的精确控制,而且支持几乎所有的字体字号样式,还拥有对网页对象和模型样式进行编辑的能力,并且能够进行一定的交互设计,因此功能还是比较强大的。

3.CSS的可读性也很强,稍微熟悉一点英语的,也能够很轻松的读懂CSS代码所要表述的意思,并且取修改它的样式。

***********CSS的历史*************

1.1996年12月17日,CSS1发布,1999年,此推荐被修订。

2.1999年1月1日,CSS2发布,并且增加了对媒介和一些字体的支持。

3.2001年5月23日,CSS3发布,但是只是一项草案,并没有成为W3C的推荐标准,W3C的推荐标准还是1998年5月12日退出的CSS2.

**************CSS快速入门*************

1.CSS的入门比HTML并不高多少,也是一句话入门,剩下的就是实战了。

2.CSS的语法如下:

选择器{ 声明1;声明2;声明3;.....声明N}

3.这里的声明是以 “属性:值”的形式,而且多个声明之间用分号进行分割,即C语言的语句分隔符。

4.这里的属性是我们希望设置的样式属性,至于具体的属性,我们后面会说。

5.先看一个例子:

h1 {color:red; font-size:14px;}

这里的h1就是选择器,当然这里我们直接用标签当做选择器了,后面的color属性取值为red,而后面的font-size属性取值为14个像素。

6.其中color:red就可以理解为一个声明。

7.我们的CSS由多个这样的规则组成。

*************示例*************

1.我们先写一个HTML文件,取名为”xin.html“,内容如下:

复制代码


    2014年辛星<a href="http://www.2cto.com/kf/qianduan/css/" target="_blank" class="keylink">CSS</a>教学夏季版
    


    

辛星CSS,期待您的关注,分享知识,传递温情

复制代码

2.可以从第四行代码看出,它导入了一个my.css文件,然后我们在同一目录下新建一个my.css文件,书写内容如下:

p{color: green;font-size: 14px;text-align: center;}

3.我们都保存完毕之后,就可以双击打开my.html文件,发现文字都在中间并且是绿色的。

4.至此,我们大致理解了css的工作机理,下面我们开始深入css的细节处开始学习。

*************小结**************

1.我们理解了CSS的由来,以及我们演示了CSS的语法。

2.然后我们通过一个小型的例子,演示了CSS的大致使用方式。

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论