讲给Android程序员看的前端教程(10)——CSS概述

来源：互联网发布：鸟哥的linux 编辑：程序博客网时间：2024/06/06 00:37

自定义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–滑动冲突的产生及其处理

探索Android软键盘的疑难杂症
深入探讨Android异步精髓Handler
详解Android主流框架不可或缺的基石
站在源码的肩膀上全解Scroller工作机制

Android多分辨率适配框架（1）— 核心基础
Android多分辨率适配框架（2）— 原理剖析
Android多分辨率适配框架（3）— 使用指南

版权声明

本文原创作者：谷哥的小弟
作者博客地址：http://blog.csdn.net/lfdfhl
本文视频教程：http://www.stay4it.com/my/course/37

CSS简介

CSS即层叠样式表(Cascading Style Sheet)它主要用于网页样式设计，比如：文字的大小，颜色，元素的定位等等。CSS的诞生将页面架构和页面显示进行了分离，各司其责。尤其在HTML5中废除了以往的font标签，big标签，strike标签，建议开发人员把外观的控制交给CSS负责

CSS常用属性

CSS拥有众多属性，在此介绍CSS常见属性及其举例，请参见下图

这里写图片描述

在网页中常需处理文字的字体，故在此对font属性作较为详细的描述。

这里写图片描述

CSS使用方式

在此介绍几种常用的CSS使用方式。

第一种：内嵌式写法

<head>    <style type="text/css">      /*此处为CSS代码*/    </style></head>

在该写法中，将CSS样式写在<head></head>标签中。

第二种：外链式写法
与内嵌式写法中直接把CSS写在了<head></head>中不同，在外嵌式写法中是把CSS写在了专门的.css文件里，然后在html中通过<link>标签引用即可，请看如下示例：
```
<head>   <link rel="stylesheet" type="text/css" href="csstest.css" /></head>
```

第三种：行内式写法
在这种写法中，直接在标签内使用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时强烈建议大家使用外链式写法。

嗯哼，从下一节开始，我们进入选择器的学习。

阅读全文

1 0