实验二 CSS样式表.ppt

实验二 CSS样式表.ppt

ID:48734850

大小:224.50 KB

页数:16页

时间:2020-01-20

实验二 CSS样式表.ppt_第1页
实验二 CSS样式表.ppt_第2页
实验二 CSS样式表.ppt_第3页
实验二 CSS样式表.ppt_第4页
实验二 CSS样式表.ppt_第5页
资源描述:

《实验二 CSS样式表.ppt》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、实验二CSS样式表一、实验目的了解样式表(CSS)的特点;熟悉CSS的基本语法、格式;熟练运用CSS设计精美页面。二、CCS简介CSS指层叠样式表(CascadingStyleSheets);解决内容与表现分离的问题;可以极大提高工作效率;样式表可放在网页内部也可保存在外部的.css文件中;样式表能同时改变站点中所有页面的布局和外观。基础语法CSS语法由三部分构成:选择器、属性和值。格式:selector{property:value;}选择器(selector)通常是你希望定义的HTML元素或标记,属性(property)是你希望改变的属性,并

2、且每个属性都有一个值。属性和值被冒号分开,并由花括号包围,这样就组成了一个完整的样式声明。例:body{color:blue;}设置背景颜色和文本颜色一个简单的HTML示例body{background-color:yellow;}h3{color:red;}

欢迎光临我的主页

格式:

3、ype=“text/css”>建立.css文件(ex1.css)body{background-color:yellow;}h3{color:red;}调用.css文件一个简单的HTML示例

欢迎光临我的主页

调用.CSS文件实现样式表功能基础语法说明颜色设置中,除了英文单词,我们还可以使用十六进制的颜色值或R

4、GB(n1,n2,n3);如果属性值为若干单词,则要给值加引号;如果要定义不止一个属性,则需要用分号将每个属性分开。高级语法群组选择器你可以对选择器进行分组,这样,被分组的选择器就可以分享相同的声明。用逗号将需要分组的选择器分开。例:h1,h2,h2,h3,h5,h6{color:green;}派生选择器派生选择器允许你根据文档的上下文关系来确定某个标签的样式。listrong{font-style:italic;font-weight:normal;}

我是粗体字,不是斜体字,因为我不在列表当中,所以这个规则对我不起作用

5、strong>

  1. 我是斜体字。这是因为strong元素位于li元素内。
id选择器id选择器可以为标有特定id的HTML元素指定特定的样式。id选择器以“#”来定义。#menubar{background:#ccc; color:#c00; }
类选择器在CSS里用一个点开头表示类别选择器定义。在页面中,用class=“类别名”的方法调用。.center{text-align:center}Thi

6、sheadingwillbecenter-alignedThisparagraphwillalsobecenter-aligned.

CSS中用四个伪类来定义链接的样式a:link未访问的链接a:visited已访问的链接a:hover鼠标移动到链接上a:active选定的链接说明在CSS定义中,a:hover必须被置于a:link和a:visited之后,才是有效的;a:active必须被置于a:hover之后,才是有效的。a:link{color:#FF0000}a:visited{color

7、:#00FF00}a:hover{color:#FF00FF}a:active{color:#0000FF}设置行间距p.small{line-height:90%}p.big{line-height:200%}

这是拥有标准行高的段落。
这是拥有标准行高的段落。

这个段落拥有更小的行高。
这个段落拥有更小的行高。

这个段落拥有更大的行高。
这个

8、段落拥有更大的行高。

一个简单的HTML示例
当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。