《第4课 css1-设置文本》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、CSS篇CSS概述CSS规则的创建在html网页中加入CSS样式用CSS设置文本样式用CSS设置图像效果用CSS盒子模型布局网页用CSS设置超链接什么是CSS创建CSS规则如何在网页中加入CSS样式表用CSS设置文本样式第四课Html与CSS一、什么是CSSCSS是CascadingStyleSheets(层叠样式表)的简称。CSS语言是一种嵌入在网页文件中的标记语言,它不需要编译,可以直接由浏览器解释执行(属于浏览器解释型语言)。Html负责网页的内容，而CSS负责内容的表现形式。我们也可以把CSS规则独立出

2、来保存在一个文本文件中,它包含了一些CSS标记,CSS文件必须使用css为文件名后缀。可以通过简单的更改CSS文件,改变网页的整体表现形式,可以减少我们的工作量,所以她是每一个网页设计人员的必修课.体验CSS一个没有添加CSS的HTML文件：http://www.csszengarden.com/zengarden-sample.html给这个文件添加的CSS规则，我们可以得到十分美观的网页：http://www.csszengarden.com/二十四诗品设计欣赏：谭军设计http://35free.net/

3、tanjunmaomao/二、如何创建css规则学习css的两个阶段：CSS语法---利用css选择器确定样式对象CSS属性1、CSS规则的语法样式规则：选择器{属性1：属性值；属性2：属性值；……}例1：定义文档中所有p标记元素内容颜色：p{color：#0077ff；font-size:18px；}例2：定义一个css规则，设置对象的颜色和字体大小；.text1{color：#223344；font-size:14px；}2、选择器的种类我们通过选择器来控制哪些对象该使用CSS样式。选择器有几种：标记选择器

4、类别选择器Id选择器伪类选择器2.1、标记选择器标记选择器用于定义哪个标记采用哪种css样式。例：定义

标记的文字颜色红色，大小25px；

这是h1标题

这是p标记正文

这是h1标题

这是h3标题

5、自动产生相同的外观，如果希望其中某个标记产生不同的外观，我们需要使用类别选择器来设置。类别选择器是带名称的css规则，其名称由设计者自定义，名称前加“.”号，属性和值跟标记选择器一样。类别选择器需要应用到html标记才能产生效果。

这是h1标题

这是p标记正文