2014年辛星解读css第三节
第二节我们讲述的差点儿全是CSS的选择器，那么以下这一节我们来讲一下CSS的颜色和文本的一些东西，尽管我对调色不大敏感。可是对于颜色还是比較感兴趣的。
*********CSS中的颜色***********
1.说到颜色，不得不一下牛顿。简直是伟大，光的色散，很大的突破，能够说它一个人完毕了几代人没有完毕的工作。
2.以下说一下三原色:即红绿蓝，即RGB，我们在CSS中定义一个颜色能够用这样的三原色的方式来自己配色。还能够用一些比方red。green等这样的比較经典的颜色。
3.我们要配色的话，首先须要以#开头，然后跟上三个双位数字的十六制的写法，所谓十六进制。即每一位从0到F，即包含0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F。
4.当中#000000是黑色，#FFFFFF是白色，#FFFF00是黄色，#CCCCCC是一款比較经典的灰色。关于怎样配色，我还没有非常好的经验能够和大家分享。总之数值越大。颜色越淡，数值越小。颜色越深。
5.CSS这样的颜色组合能够产生出大约十六万种颜色。并且这些大多数还是能够被浏览器正确的解释的。
***********文本的样式*********
1.尽管站点的布局追求多样化，可是，文字信息仍然是不可少的，以下我们就文字说一下CSS中的使用。
2.关于颜色，用color属性，能够指定文字的颜色。这一点我想大家应该知道怎么用了吧。
3.text-align属性是指文本的对其方式。能够设置为left（居左）、right（居右）、center（居中）、justfy（每一行被展开且宽度相等，左右外边距对齐）。
4.text-decoration是指用来设置或者删除文本的装饰，它的最经典的应用就是删除超链接的下划线，例如以下代码：
a {text-decoration:none;}
5.上面我们就是删除了超链接的下划线，比方我们还能够设置例如以下：
1 p {text-decoration:overline;}
2 p {text-decoration:line-through;}
3 p {text-decoration:underline;}
第一个是加入了上划线，第二个是中划线，第三个是加入了下划线，只是下划线用的比較广泛，大家比較好接受，上划线和中划线有点怪怪的感觉。
6.我们还能够设置大写和小写字母、缩进之类的，我感觉这些对汉语意义不大，倒是英文站点蛮适合的，就不讲了。
**************字体**************
1.CSS中我们能够相对自由的设置字体，我们能够用font-family来指定字体名称。我对字体的研究不多。也就知道那么几个。
2.我们能够用font-size来指定字体大小，我们能够用px表示的方式。即像素的格式。浏览器时有默认的大小的。普通文本的大小是16px，我们能够以用font-size来指定该字体的大小。
3.我们除了用px来指定字体的大小，还能够用em来指定大小，em的尺寸单位由W3C建议。1em相当于16px，即我们想用40px的时候，就是使用2.5em。
4.我们能够通过font-style来设置字体的风格，它的两个经典样式就是italic，即倾斜，例如以下代码：
p {font-style:italic;}
5.以下就来一个大杂烩把：
首先创建一个my.html，内容例如以下：
<html>
<head>
<title>2014年辛星CSS教学夏季版</title>
<link rel="stylesheet" type="text/css" href="my.css">
</head>
<body>
<p>博客园辛星，传递温情</p>
</body>
</html>
然后创建一个my.css，内容例如以下：
p{color: red;text-align: center;
font-size: 13px;font-style: italic;}
****************小结***************
1.本节我们主要涉及的就是颜色和字体的排版以及字体的样式。
2.这里须要说明的是一个是text类的，它用于排版，是一群文字的排布方式。
3.而font则是每一个字的格式，比方字体，字号，字体是否倾斜等等。
2014年辛星解读css第三节的更多相关文章
- 2014年度辛星解读css第四节
接下来的这一节我计划解说的是超链接和列表的样式,然后我们做出一个导航栏出来,事实上导航栏是很常见的,可是我们这里做得这个有点并不那么完好,等我们学完了css之后再完好它. ************** ...
- 2014年辛星解读css第一节
CSS是Cascading Style Sheets的缩写.即层叠样式表,它用于表现HTML的样式,即HTML仅仅是去写该网页有哪些内容,至于怎样去表现它们,由CSS去定制. ************ ...
- 2014年辛星解读css第五节
本小节我们解说css中的"盒模型".即"box model",它通经常使用于在布局的时候使用,这个"盒模型"也有人成为"框模型&q ...
- 2014年辛星解读css第二节
第一节我们简单介绍了一下CSS的工作流程,我相信读者会有一个大体的认识,那么接下来我们将会深入的研究一下CSS的细节问题,这些问题的涉及将会使我们的工作更加完好. *************凝视*** ...
- 2014年辛星解读css第六节
这一节我们就要讲到布局了,事实上布局本身特别简单.可是要合理的布好局就不那么简单了,就像我们写文章一样.写一篇文章非常easy,可是要写一篇名著就非常难了,这须要我们扎实的功底和对文学的理解,可是.千 ...
- 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包含哪些事件呢?以下是几个常见的样例,比方网页已经完毕记载,图像完毕载入,鼠标移动到元素上方.输入文字 ...
随机推荐
- jQuery验证所有输入合法后才干提交
大学三年里所有在专注后台编码.学会不知多少种,servlet.ssh,springMVC,web.py...... 最后每次碰到前端自己要写点东西就满目愁抑, 干脆自己好好理解一段前端代码, 特地拿出 ...
- 《深入理解Android 卷III》第六章 深入理解控件（ViewRoot）系统
<深入理解Android 卷III>即将公布,作者是张大伟.此书填补了深入理解Android Framework卷中的一个主要空白,即Android Framework中和UI相关的部分. ...
- java基础——transient
今天在看struts1源代码的时候,发如今ActionForm中首先声明了两个transient类型的protected变量. 之前没有接触过该transient类型,所以就查了查. transien ...
- MFC 与Excel文件的交互操作
假日快要结束了.带着沉重的心情写下之前关于MFC与Excel文件交互的总结. 因为VS的版本号不同可能在操作上有些差异.所以在此指明下本篇文章的project环境为VS2013,也建议大家用最新的. ...
- zzulioj--1638--Happy Thanksgiving Day - Say 3Q I（水题）
1638: Happy Thanksgiving Day - Say 3Q I Time Limit: 1 Sec Memory Limit: 128 MB Submit: 91 Solved: ...
- 最大似然估计的缺陷 —— 方差和均值的 bias
0. 均匀分布期望的最大似然估计 首先我们来看,如何通过最大似然估计的形式估计均匀分布的期望.均匀分布的概率密度函数为:f(x|θ)=1θ,0≤x≤θ.不失一般性地,将 x1,x2,-,xn 排序为顺 ...
- python网络编程三次握手和四次挥手
TCP是因特网中的传输层协议,使用三次握手协议建立连接.当主动方发出SYN连接请求后,等待对方回答SYN+ACK[1],并最终对对方的 SYN 执行 ACK 确认.这种建立连接的方法可以防止产生错误的 ...
- c#设计模式(1)
本文摘取自吕震宇的博客园文章,版权归吕震宇仅供个人学习参考.转载请标明原作者吕震宇. 这学期开设设计模式课程,将课件放上来. 课本:<C#设计模式>,电子工业出版社,ISBN 7-5053 ...
- T7315 yyy矩阵折叠(长)
题目背景 全场基本暴零 题目描述 输入输出格式 输入格式: 如图 输出格式: 如图 输入输出样例 输入样例#1: 2 2 1 -2 3 -4 输出样例#1: 4 输入样例#2: 2 5 1 -2 -3 ...
- Unity 脚本挂载位置
原则:谁的脚本,挂载到谁身上 1,一般场景中会有个GameController脚本,挂在空物体上. 2,我见很多人脚本习惯挂到Camera上,好吧,不知算不算规范.