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“。内容例如以下:

<html>
<head>
<title>2014年辛星CSS教学夏季版</title>
<link rel="stylesheet" type="text/css" href="my.css">
</head>
<body>
<p>辛星CSS,期待您的关注,分享知识,传递温情</p>
</body>
</html>

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的大致使用方式。

2014年辛星解读css第一节的更多相关文章

  1. 2014年辛星解读css第二节

    第一节我们简单介绍了一下CSS的工作流程,我相信读者会有一个大体的认识,那么接下来我们将会深入的研究一下CSS的细节问题,这些问题的涉及将会使我们的工作更加完好. *************凝视*** ...

  2. 2014年度辛星解读css第四节

    接下来的这一节我计划解说的是超链接和列表的样式,然后我们做出一个导航栏出来,事实上导航栏是很常见的,可是我们这里做得这个有点并不那么完好,等我们学完了css之后再完好它. ************** ...

  3. 2014年辛星解读css第六节

    这一节我们就要讲到布局了,事实上布局本身特别简单.可是要合理的布好局就不那么简单了,就像我们写文章一样.写一篇文章非常easy,可是要写一篇名著就非常难了,这须要我们扎实的功底和对文学的理解,可是.千 ...

  4. 2014年辛星解读css第五节

    本小节我们解说css中的"盒模型".即"box model",它通经常使用于在布局的时候使用,这个"盒模型"也有人成为"框模型&q ...

  5. 2014年辛星解读css第三节

    第二节我们讲述的差点儿全是CSS的选择器,那么以下这一节我们来讲一下CSS的颜色和文本的一些东西,尽管我对调色不大敏感.可是对于颜色还是比較感兴趣的. *********CSS中的颜色******** ...

  6. 2014年辛星解读Javascript之DOM之冒泡和捕获

    上篇博客提到了Javascript事件绑定函数的三个參数.第一个是一个event.第二个是一个function.第三个是一个布尔变量.它用于指定事件传递的顺序,分为冒泡和捕获两种方式,接下来我们将揭开 ...

  7. 2014年辛星解读Javascript之DOM高速入门

    在Javascript的知识中,有一个所谓的DOM.即文档对象模型,我们能够通过它来訪问HTML文档的元素,当网页被载入的时候,浏览器会去创建DOM,有了这个DOM.我们能够使用Javascript去 ...

  8. 2014年辛星解读Javascript之用DOM动态操纵HTML元�

    关于DOM,我们了解了能够用DOM操纵HTML的一些属性和样式,还能够为HTML元素绑定事件等等,那么接下来,我们将涉及到用DOM来动态的创建.删除HTML等一些操作,我的核心思路还是重实战,因此,代 ...

  9. 2014年辛星解读Javascript之DOM之事件及其绑定

    我们通过DOM的事件能够对HTML的事件作出反应.就像我们用其它编程语言写GUI一样,那么HTML包含哪些事件呢?以下是几个常见的样例,比方网页已经完毕记载,图像完毕载入,鼠标移动到元素上方.输入文字 ...

随机推荐

  1. iOS UITapGestureRecognizer手势和UIButton 以及UITabelView点击事件冲突

    一:在同一个view上加载,UITapGestureRecognizer手势,UIButton 行为,UITabelView点击事件冲突: 二:解决方式: 在UITapGesttureRecogniz ...

  2. 如何查看LoadRunner虚拟用户(vuser)类型

    查看vuser类型LoadRunner提供了多种Vuser技术,通过这些技术可以在使用不同类型的客户端/服务器体系结构时生成服务器负载.每种Vuser技术都适合于特定体系结构并产生特定的Vuser类型 ...

  3. Python-正确使用Unicode

    正确处理文本,特别是正确处理Unicode.是个老生常谈的问题,有时甚至会难倒经验丰富的开发者.并不是因为这个问题很难,而是因为对软件中的文本,开发者没有正确理解一些关键概念及其表示方法.在Stack ...

  4. LaTeX数学公式输入

    [置顶 Tips ] 在 WinEdt 中快速添加公式字符而不必手动打出一个个letters~: 即会出现如下 GUI Page Control : ------------------------- ...

  5. 使用jq Deferred防止代码被回调函数分解分解的支离破碎

    //移动人物 function moveInterval(stopPosotion){ var dtd = $.Deferred(); // 生成Deferred对象 var yidong= wind ...

  6. vue结合Promise及async实现高效开发。

    在vue中平时的开发中我们应该都会遇到promise函数,比如我们常用的axios,resource这都是用来做http请求的插件. 在平时的开发里,关于axios我们可能是这样写的 import a ...

  7. linux文本分析利器awk

    转 快速理解linux文本分析利器awk 原文链接 杜亦舒 性能与架构 awk是什么 如果工作中需要操作linux比较多,那么awk是非常值得学习的 awk是一个极其强大的文本分析工具,把文件逐行的读 ...

  8. SpringCloud系列十七:Hystrix的监控

    1. 回顾 上文讲解了使用Hystrix为Feign添加回退,并通过Fallback Factory检查回退原因以及如何为Feign客户端禁用Hystrix. 2. Hystrix的监控 除实现容错外 ...

  9. maven分开打包jar文件和依赖jar包和资源文件

    <properties> <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> &l ...

  10. 分布式系统的CAP和BASE理论

    1. 背景 网络分区:俗称“脑裂”.当网络发生异常情况,导致分布式系统中部分节点之间的网络延时不断变大,最终导致组成分布式系统的所有节点中,只有部分节点之间能够进行正常通信,而另一些节点则不能. 当网 ...