微软操作系统首选12种浏览器名单曝光样式表简介这是段落:

12月17日消息,微"> 微软操作系统首选12种浏览器名单曝光样式表简介这是段落:

12月17日消息,微" />

常州网页制作培训,CSS样式表基础知识教程-东方博宜课件.ppt

常州网页制作培训,CSS样式表基础知识教程-东方博宜课件.ppt

ID:57122083

大小:669.50 KB

页数:43页

时间:2020-08-01

常州网页制作培训,CSS样式表基础知识教程-东方博宜课件.ppt_第1页
常州网页制作培训,CSS样式表基础知识教程-东方博宜课件.ppt_第2页
常州网页制作培训,CSS样式表基础知识教程-东方博宜课件.ppt_第3页
常州网页制作培训,CSS样式表基础知识教程-东方博宜课件.ppt_第4页
常州网页制作培训,CSS样式表基础知识教程-东方博宜课件.ppt_第5页
资源描述:

《常州网页制作培训,CSS样式表基础知识教程-东方博宜课件.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、样式表分类2样式表简介31基本语法33DIV+CSS样式表优点4样式表优化33样式表简介一、样式表简介这是标题:微软操作系统首选12种浏览器名单曝光样式表简介这是段落:

12月17日消息,微软……

这是样式:1.内嵌样式表2.内部样式表3.链入外部样式表4.导入外部样式表导入样式表写在样式表的第一行!二、样式表分类样式表的继承性(层叠)出现这种情况:样式表分类外部样式表:左对齐,蓝色内部样式表:居中,灰色内嵌样式表:右对齐,紫色?后来居上,最近原则!3.1

2、基本语法CSS的定义是由三个部分构成:选择符(selector),属性(properties)和属性的取值(value)。 基本格式如下:selector{property:value}(选择符{属性:值})选择符是可以是多种形式,一般是你要定义样式的HTML标记,例如body、p、table……,你可以通过此方法定义它的属性和值,属性和值要用冒号隔开:body{color:black}三、基本语法3.2选择符的分类1.类型选择符body {   font-size:12px; } p {   color:bl

3、ue; }指对网页中已有的标签类型作为名称的选择符,如上表示:body标签内的所有文字大小为12px;段落内的文字颜色为蓝色。选择符分类2.群组选择符h4,p,span {   font-size:12px; }表示页面所有的h4,p,span标签内文字都为12px大小,即对一组对象进行相同的样式指定,每个标签之间用逗号分隔开来。选择符分类3.包含选择符tablea { font-size:12px }在表格内的链接改变了样式,文字大小为12象素,而表格外的链接的文字仍为默认大小。选择符分类4.ID选择符id是

4、对页面中的唯一元素进行样式定义,这个样式在页面中只使用一次、即id不重复< id="myDiv"> .. #myDiv {   font-size:12px; }选择符分类5.类选择符或者写成:.center{text-align:center} 这个标题是居中排列的 选择符分类6.组合选择符使用id或class,同时也使用标签来进行组合h1#cont {   }表示id为cont的h1标签h1.cont {   }表示所

5、有class为cont的h1标签p.right{text-align:right} p.center{text-align:center}然后用不在不同的段落里,只要在HTML标记里加入你定义的class参数:这个段落向右对齐的

选择符分类7.伪类选择符常见为a标签a:link {   }a:visited {   }a:active{}a:hover {   }选择符分类8.通配选择符*{   color:blue; }表示所有对象的字体都为蓝色。选择符分类3.3CSS的

6、属性和值3.3.1字体属性字体属性主要包括:字体族科、字体风格、字体加粗、字体大小。Font-family:用一个指定的字体名或一个种类的字体族科。Font-size:字体显示的大小。Font-style:设定字体风格。Font-weight:以bold为值可以使字体加粗。1.Font-family可以使用一个指定的字体名或一个种类的字体族科。很明显定义一个指定的字体名不如定义一个种类的字体族科。当浏览器解析执行的时候,会控制族科中所列的字体顺序从前到后选择字体,当客户机中没有第一种字体的时候会默认使用第二种字

7、体显示,依此类推。字体族科2.Font-size用来修改字体显示的大小,尺寸既有绝对的也有相对的。后面跟的尺寸单位有:厘米,像素,磅等,最常用的是pt点,1pt=1/72英寸。另外还有其他一些值,例如:xx-small

8、x-small

9、small

10、medium

11、large

12、x-large

13、xx-large字体大小3.Font-style字体风格以三种方法中的一种来定义显示的字体。Normal:普通文字Italic:斜体文字Oblique:倾斜的文字,在中文文字上使用与italic并无明显区别。英文上比Itali

14、c更倾斜字体风格4.Font-weight用来说明字体的加粗,当它是设为绝对时,bolder和lighter值将相对地成比例增长,另外还有normal,bold,还可以直接设置一个100-900之间的任意值。Value:100-900之间Normal:普通文字Bold:加粗Bolder:特粗Lighter:加细字体加粗3.3.2文本属性CSS文本属性主要包括字母间隔、文字修饰、文本排列

当前文档最多预览五页,下载文档查看全文

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

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