欢迎来到天天文库
浏览记录
ID：56960540
大小：89.00 KB
页数：16页
时间：2020-07-22
《网页设计与制作 第4章网页表现语言CSS课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、第4章网页表现语言CSS学习目标：CSS的基本语法选择符类型各样式属性及取值2010网页设计与制作1第4章4.1.1CSS简介CSS指层叠样式表(CascadingStyleSheets)样式定义如何显示HTML元素样式通常存储在样式表中把样式添加到HTML4.0中，是为了解决内容与表现分离的问题4.1.2CSS的起源HTML标签原本被设计为用于定义文档内容。通过使用
、
2、浏览器（Netscape和InternetExplorer）不断地将新的HTML标签和属性（比如字体标签和颜色属性）添加到HTML规范中，创建文档内容清晰地独立于文档表现层的站点变得越来越困难。为了解决这个问题，万维网联盟（W3C），这个非营利的标准化联盟，肩负起了HTML标准化的使命，并在HTML4.0之外创造出样式（Style）。所有的主流浏览器均支持层叠样式表。4.2.1基本选择符选择符{属性1:属性值1;属性2:属性值2;…….}选择符类型选择符名称调用类选择符.名称class属性id选择符#名称id属性标记选择符标记名标记名4.2.2派生
3、选择符选择符1选择符2{属性1:属性值1;属性2:属性值2;…….}4.3.1内部样式表
4、t/css”href=“样式表文件URL"/>导入式4.4.1尺寸单位描述%百分比相对单位px像素，(计算机屏幕上的一个点)in英寸绝对单位cm厘米mm毫米em1em等于当前的字体尺寸。ex1ex是一个字体的x-height。(x-height通常是字体尺寸的一半。)pt磅/点，(1pt等于1/72英寸)pc派卡，12点活字(1pc等于12点)4.4.2颜色单位描述(颜色名)颜色名称（比如red）rgb(x,x,x)
5、RGB值（比如rgb(255,0,0)）rgb(x%,x%,x%)RGB百分比值（比如rgb(100%,0%,0%)）#rrggbb十六进制数（比如#ff0000）#rgb十六进制数（比如#f00，等价于#ff0000）4.5.1字体属性属性描述font简写属性。作用是把所有针对字体的属性设置在一个声明中。font-family设置字体系列。font-size设置字体的尺寸。font-size-adjust当首选字体不可用时，对替换字体进行智能缩放。（CSS2.1已删除该属性。）font-stretch对字体进行水平拉伸。（CSS2.1已删除该属性
6、。）font-style设置字体风格。font-variant以小型大写字体或者正常字体显示文本。font-weight设置字体的粗细。4.5.2文本属性属性描述color设置文本颜色direction设置文本方向。line-height设置行高。letter-spacing设置字符间距。text-align对齐元素中的文本。text-decoration向文本添加修饰。text-indent缩进元素中文本的首行。text-shadow设置文本阴影。CSS2包含该属性，但是CSS2.1没有保留该属性。text-transform控制元素中的字母。u
7、nicode-bidi设置文本方向。white-space设置元素中空白的处理方式。word-spacing设置字间距。4.5.3背景属性属性描述background简写属性，作用是将背景属性设置在一个声明中。background-attachment背景图像是否固定或者随着页面的其余部分滚动。background-color设置元素的背景颜色。background-image把图像设置为背景。background-position设置背景图像的起始位置。background-repeat设置背景图像是否及如何重复。4.5.4表格属性属性描述bor
8、der-collapse设置是否把表格边框合并为单一的边框。border-spacing设置分隔单元格边框的距离。（仅用于
此文档下载收益归作者所有
