2014年辛星解读css第一节
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第一节的更多相关文章
- 2014年辛星解读css第二节
第一节我们简单介绍了一下CSS的工作流程,我相信读者会有一个大体的认识,那么接下来我们将会深入的研究一下CSS的细节问题,这些问题的涉及将会使我们的工作更加完好. *************凝视*** ...
- 2014年度辛星解读css第四节
接下来的这一节我计划解说的是超链接和列表的样式,然后我们做出一个导航栏出来,事实上导航栏是很常见的,可是我们这里做得这个有点并不那么完好,等我们学完了css之后再完好它. ************** ...
- 2014年辛星解读css第六节
这一节我们就要讲到布局了,事实上布局本身特别简单.可是要合理的布好局就不那么简单了,就像我们写文章一样.写一篇文章非常easy,可是要写一篇名著就非常难了,这须要我们扎实的功底和对文学的理解,可是.千 ...
- 2014年辛星解读css第五节
本小节我们解说css中的"盒模型".即"box model",它通经常使用于在布局的时候使用,这个"盒模型"也有人成为"框模型&q ...
- 2014年辛星解读css第三节
第二节我们讲述的差点儿全是CSS的选择器,那么以下这一节我们来讲一下CSS的颜色和文本的一些东西,尽管我对调色不大敏感.可是对于颜色还是比較感兴趣的. *********CSS中的颜色******** ...
- 2014年辛星解读Javascript之DOM之冒泡和捕获
上篇博客提到了Javascript事件绑定函数的三个參数.第一个是一个event.第二个是一个function.第三个是一个布尔变量.它用于指定事件传递的顺序,分为冒泡和捕获两种方式,接下来我们将揭开 ...
- 2014年辛星解读Javascript之DOM高速入门
在Javascript的知识中,有一个所谓的DOM.即文档对象模型,我们能够通过它来訪问HTML文档的元素,当网页被载入的时候,浏览器会去创建DOM,有了这个DOM.我们能够使用Javascript去 ...
- 2014年辛星解读Javascript之用DOM动态操纵HTML元�
关于DOM,我们了解了能够用DOM操纵HTML的一些属性和样式,还能够为HTML元素绑定事件等等,那么接下来,我们将涉及到用DOM来动态的创建.删除HTML等一些操作,我的核心思路还是重实战,因此,代 ...
- 2014年辛星解读Javascript之DOM之事件及其绑定
我们通过DOM的事件能够对HTML的事件作出反应.就像我们用其它编程语言写GUI一样,那么HTML包含哪些事件呢?以下是几个常见的样例,比方网页已经完毕记载,图像完毕载入,鼠标移动到元素上方.输入文字 ...
随机推荐
- Spring MVC坑汇总+Stackoverflow巧解答
1.http://stackoverflow.com/questions/25598406/spring-annotaion-autowired-inside-methods Q: Autowire ...
- ASP.Net MVC3/4中Model验证错误信息的本地化
最近使用ASP.Net MVC4做一个B/S的管理系统,里面有N多的Action和View Model,View Model上又有N多的验证. 一开始写的时候虽然知道要实现多语言,但是没有过多考虑,本 ...
- 阿里云云盘扩容数据盘_Linux
随着业务的增长,您的数据盘容量可能无法满足数据存储的需要,这时您可以使用 磁盘扩容 功能扩容数据盘. 说明 挂载在实例上的数据盘,只有当实例处于 运行中 (Running) 或 已停止(Stopp ...
- WPF自定义控件之水印文本(密码)框
首先来讲讲创建这个控件的初衷,一个让我很郁闷的问题. 公司的客户端项目采用WPF+MVVM技术实现,在近期地推客户端的过程中遇到了一个很奇葩的问题:在登录界面点击密码框就会直接闪退,没有任何提示 密码 ...
- Jekins部署.net站点
前提 1.你需要一台windows服务 可以装vs的且有重启电脑权限的(具体vs版本根据你的团队决定) 2.下载jekins 安装包 地址:https://jenkins.io/download/ ...
- Hive SQL 常见问题（转载）
http://www.aboutyun.com/thread-14942-1-1.html 问题导读 1.Hive查询语句和SQL查询语句区别与联系. 2.distribute by.group by ...
- MYSQL手工注入某日本网站
作者:ice 团队:www.anying.org 转载必须注明. E-mail:1c30day@gmail.com 经过一天的辛苦劳动下班了,实在无聊,QQ上的基友基本都挂机睡觉了.找点乐子打发时 ...
- unity5, UGUI刺穿问题解法
我希望在touch屏幕时player起跳,于是在playerControl.cs的Update函数中添加如下touch代码: if (Input.GetMouseButtonDown (0)) {/ ...
- PHP的session存储对PHP运行环境的影响
转于:http://hmw.iteye.com/blog/1704020 这个问题的引入是由于公司一个项目里需要使用单点登录的功能,为了方便起见,就使用redis来替换php默认的文件存储sessio ...
- PHP特性整合(PHP5.X到PHP7.1.x)
Buid-in web server内置了一个简单的Web服务器 把当前目录作为Root Document只需要这条命令即可: php -S localhost:3300 也可以指定其它路径 php ...