深入探讨Android异步精华Handler
站在源码的肩膀上全解Scroller工作机制
Android多分辨率适配框架（1）— 核心基础
Android多分辨率适配框架（2）— 原理剖析
Android多分辨率适配框架（3）— 使用指南
自定义View系列教程00–颠覆自己和过往，重学自定义View
自定义View系列教程01–经常使用工具介绍
自定义View系列教程02–onMeasure源码详实分析
自定义View系列教程03–onLayout源码详实分析
自定义View系列教程04–Draw源码分析及其实践
自定义View系列教程05–示例分析
自定义View系列教程06–详解View的Touch事件处理
自定义View系列教程07–详解ViewGroup分发Touch事件
自定义View系列教程08–滑动冲突的产生及其处理
CSS即层叠样式表(Cascading Style Sheets)它主要用于设置HTML标签中的属性样式。它能够对网页中元素位置的排版进行像素级精确控制，支持几近所有的字体字号样式，具有对网页对象和模型样式编辑的能力。
CSS规则由两个主要的部份构成：选择器和1条或多条声明，即：
选择器{属性:值; 属性:值;…. }
请注意：
CSS常见属性及其举例请参见下图
在网页中常需处理文字的字体，故在此对font属性作较为详细的描写。
现将这些属性的特点和用法整理以下：
关于font-family
在CSS中有3种表示方式标识同1个字体即：汉字和英文和Unicode编码。比如很经常使用的宋体就能够用：宋体和SimSun和\5B8B\4F53这3者来标识。
所以，共有3种方式设置font-family
为规范开发，推荐使用Unicode编码设置font-family的方式。但是有时候会出现这么1种情况：虽然对文字设置了字体但是在某些装备上却没有效果。这是由于这些装备上没有与之对应的字体库，所以就显示不出其对应的文字效果。为了不类似情况的产生可以为font-family设置多个字体，例如：
font-family: “宋体”,”SimSun”,”\96B6\4E66”;
关于font-weight
font-weight的取值方式有3种
为规范开发，在设置文字加粗显示时推荐使用font-weight:700;
关于font-style
font-style的取值方式有两种
在CSS中我们还可以通过属性连写的方式同时为文本设置几种效果。
font: font-style font-weight font-size/line-height font-family
比如：
font: italic 400 50px 宋体;
在使用属性连写的时候请注意
CSS常见选择器的分类:
在此介绍几种常见的CSS写法。
第1种：内嵌式写法
<head>
<style type="text/css">
/*此处为CSS代码*/
</style>
</head>在该写法中，可以将CSS样式写在<head></head>标签中。
第2种：外链式写法
与内嵌式写法中直接把CSS写在了<head></head>中不同，在外嵌式写法中是把CSS写在了专门的.css文件里，然后在html中通过<link>标签援用便可，请看以下示例：
<head>
<link rel="stylesheet" type="text/css" href="csstest.css" />
</head>第3种：行内式写法
在这类写法中，直接在标签内使用style属性设置样式。请看以下示例：
<body>
<p style="color:blue; font-size:40px">欢迎访问我的博客。</p>
<br>
<p style="color:yellow; font-size:30px">谷哥的小弟</p>
<br>
<p style="color:red; font-size:50px">http://blog.csdn.net/lfdfhl</p>
</body>在本系列学习教程中了为了方便代码的展现故采取内嵌式写法，但是在实际开发中为了提高代码的可读性并且下降后期保护的本钱，在书写CSS时强烈建议大家使用外链式写法。
嗯哼，在对CSS有了基本的了解以后我们开始深入的学习，先从选择器开始。
标签选择器的语法格式以下所示：
选择器{属性:值; 属性:值;…. }
先来看1个示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf⑻">
<title>标签选择器</title>
<style type="text/css">
p{
font-size: 23px;
color: red;
width: 650px;
height: 30px;
background-color: pink;
}
</style>
</head>
<body>
<p>欢迎访问我的博客</p>
<br>
<p>谷哥的小弟</p>
<br>
<p>http://blog.csdn.net/lfdfhl</p>
</body>
</html>效果如图所示:
在此示例中使用CSS给该网页中的所有p标签设置了样式。
在刚才使用的标签选择器的进程中我们发现：它会将所有的某种标签全部设置为统1的CSS样式。但是有时候只需要设置某种标签中的任意几个，此时标签选择器就不再适用了，而应当使用类选择器。
类选择器的语法格式以下所示：
.自定义的选择器名称{属性:值; 属性:值;…. }
类选择器的使用方式以下所示：
通过标签的class属性调用类样式，例如<p class=”selector”></p>
先来看1个示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf⑻">
<title>类选择器</title>
<style type="text/css">
.testselector{
font-size: 23px;
color: red;
width: 650px;
height: 30px;
background-color: pink;
}
</style>
</head>
<body>
<p>欢迎访问我的博客</p>
<br>
<p class="testselector">谷哥的小弟</p>
<br>
<p class="testselector">http://blog.csdn.net/lfdfhl</p>
</body>
</html>效果如图所示:
在此示例中先定义了1个类选择器testselector，然后在<p> </p>中使用了该选择器。多个标签可以同时调用1个类选择器，1个标签可以调用多个类选择器。
ID选择器和类选择器非常类似。
ID选择器的语法格式以下所示：
#自定义的选择器名称{属性:值; 属性:值;…. }
类选择器的使用方式以下所示：
通过标签的id属性调用类样式，例如<p id=”selector”></p>
请看示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf⑻">
<title>ID选择器</title>
<style type="text/css">
#testselector{
font-size: 23px;
color: red;
width: 650px;
height: 30px;
background-color: pink;
}
</style>
</head>
<body>
<p>欢迎访问我的博客</p>
<br>
<p id="testselector">谷哥的小弟</p>
<br>
<p id="testselector">http://blog.csdn.net/lfdfhl</p>
</body>
</html>运行后效果和上例1样。与类选择器不同的是：1个标签只能调用1个ID选择器。虽然多个标签可使用同1ID选择器，但是不建议这么做，由于在前端开发中在大部份情况下id属性是结合JS使用的。所以，在实际开发中极少采取ID选择器而多用类选择器。
通配符选择器非常的简单，它会将页面中所有的标签都设置成统1的样式。
通配符选择器的语法格式以下所示：
*{属性:值; 属性:值;…. }
请看示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf⑻">
<title>通配符选择器</title>
<style type="text/css">
*{
font-size: 23px;
color: red;
width: 650px;
height: 30px;
}
</style>
</head>
<body>
<p>欢迎访问我的博客</p>
<p>谷哥的小弟</p>
<p>http://blog.csdn.net/lfdfhl</p>
</body>
</html>至此，关于基础选择器选择就介绍完了，稍后继续复合选择器的学习。
上一篇 注解基础
程序员人生，我编程，我富裕，记住wfuyu网，php教程，php学习，php手册，CMS模版制作
声明：本站大部分内容是作者原创，少部分收集于互联网供大家一起学习，原版权很多不明，如有侵权请联系本站，谢谢！
粤ICP备14040726号-1 2015-2020 程序员人生 版权所有
