欢迎来到天天文库
浏览记录
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设置分隔单元格边框的距离。(仅用于
此文档下载收益归作者所有