CSS入门教程精选版课件.ppt

《CSS入门教程精选版课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、CSS课程第一课CSS开发语言基础1表单的使用注册页面的实例与练习内容回顾2CSS的基本概念掌握样式表的语法规则样式表的分类：行内样式表内嵌样式表外部样式表掌握常用的样式内容摘要3这个段落应用了样式

这个段落按默认样式显示什么是样式？指定显示样式样式规则4CSS的基本概念CSS基础CSS是CascadingStyleSheet的缩写，翻译为“层叠样式表”，简称“样

2、式表”。样式表的首要目的是为网页上的元素精确定位。其次，把网页上的内容结构和格式控制相分离。即html的标签主要是定义网页的内容，而CSS决定这些网页内容如何显示。优点：简化网页的格式代码，加快网页下载显示的速度，也减少了需要上传的代码数量，大大减轻了重复劳动的工作量。5没有应用CSS应用了CSSCSS运用6CSS的优点改变浏览器的默认显示风格页面内容和显示样式分离可以重用样式表方便网站维护7常用的样式属性8在网页中添加CSS的方法内联样式表：HTML标签直接使用style属性，称为内联样式（InlineStyle）。它适用于只需要简单地将一些样式应用于某个独立的元素的情况。例如：

3、…例如：CSS运用9CSS的运用注意：在使用内联样式的过程中，建议同学们在标签中添加标签，添加的标签如下：内联的样式比其他方法更加灵活。要使用内联样式，必须使用Content-Style-TypeHTTP页眉扩展对整个

4、文档进行单独的样式表语言声明。使用内联CSS的网页制作者必须将text/css作为Content-Style-TypeHTTP页眉，或在HEAD部分包括以下标记:10如何使用CSS使用CSSCSS通过“样式”来表示网页的颜色、字体、背景色、边框线及网页内容的位置及大小尺寸等属性。一系列的样式组成了“样式表”。CSS的语法结构：选择符{样式属性:取值;样式属性:取值;样式属性:取值;…}样式样式表指定这组样式编码所要针对的对象，可以是一个html标签，也可以是定义了特定id或class属性的标签11CSS的基本语法样式和样式表1．样式样式是由成对的属性名和属性值以冒号“：”相间组成。

5、2．样式表一系列的“样式”以分号“；”相间组成为“样式表”。121．颜色CSS中的颜色是由红、蓝、绿3种颜色组合而成的，每一种颜色用数字0至255表示CSS中的颜色和长度定义13长度定义CSS的长度单位可以是下述几种：in（英寸）、cm（厘米）、mm（毫米）、em（字高）、pt（点=1/72英寸）、pc（pica点=12点）、px（像素点）。14常用的样式属性1．文字2．背景3．边框线4．高度和宽度5．间距和边距6．列表7．位置和布局15定义样式表指定“对象”来定义样式表的语法规则如下：对象1,对象2……{样式表}16根据样式代码的位置，分为三类：行内样式内嵌样式外部样式样式的分类

6、在最后一个声明后面加上一个分号(;)是一个好习惯17行内样式您如果希望某段文字和其他段落的文字显示风格不一样，那么请采用“行内样式”。行内样式使用元素标签的STYLE属性定义。/*－－关键代码--*/

剩余时间：成交结束
新旧程度：全新
所在地：北京
宝贝数量：5件
浏览量：220次