《文本超链接和图像的设置.ppt》由会员分享，可在线阅读，更多相关《文本超链接和图像的设置.ppt（28页珍藏版）》请在三一办公上搜索。
1、,第六章 文本、超链接和图像的css格式化设计,文本1 主要的文本标记/,2 主要的文本属性(1)font-family:设定字体名称，如verdana,黑体等，多个字体用”,”分隔.示例如下：pfont-family:verdana,宋体;(2)font-size:设置字体的大小。可以有多种方式，最常用的就是pt和px(pixel)。示例如下：pfont-size:18px;,(3)font-style:设定字体风格,有三个值可选：normal,italic,oblique,normal是缺省值，italic,oblique都是斜体显示。示例如下：pfont-sytle:italic;,(4
2、)font-weight：normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900 设定字体浓淡，常用值是normal(400)和bold(700)，normal是缺省值。示例如下：Pfont-weight:bold;,(5)text-decoration:设定文本的装饰性,有以下值：none(无，缺省值)underline(下划线)overline(上划线)line-through(当中划线)示例代码如下：p text-decoration:underline;,（6）line-height:设定行高,其值有以下设定方法：l
3、ength：长度，可以用绝对单位(px,pt等)或者相对单位(em,ex,px)percentage(百分比，以当前默认字体的高度为基础，默认行高的百分比，可为120%或1.2)示例代码如下：pline-height:150%;,(6)color:文本颜色，颜色的表示方式：(1)color：颜色名(2)color:#fc0e08.使用十六进制数组定义颜色,格式为#RRGGBB(3)color:rgb(R%,G%,B%).此时，红、绿、蓝颜色值的等级用百分比数来确定。(4)color:rgb(R,G,B)：使用范围在0255之间的整数来设置如：pcolor:#ff3366;(7)backgrou
4、nd-color:背景颜色，颜色的表示方式与color相同,(8)text-indent:设定文本首行缩进,设定方法如下：length：长度，可以用绝对单位(px,pt等)或者相对单位(em,ex,px)示例代码如下：ptext-indent:2em;,(9)text-align：设定文本的对齐方式，有以下值：left(居左，缺省值)right(居右)center(居中)justify(两端对齐)示例代码：ptext-align:center;,补充：长度单位在CSS中，长度是一种度量尺寸，用于字体尺寸、文本首行缩进、行高和对象的宽度、高度、填充、边框线和边距等属性绝对长度单位：厘米（cm）、
5、毫米（mm）、英寸（in）、磅（pt）、像素(px)等注:1英寸=2.54厘米=25.4毫米=72磅=96像素1像素0.26毫米1像素=0.75磅,(2)相对长度值：em（当前字体中字母m的宽度）、ex（当前字体中字母x的高度,此高度通常为字体尺寸的一半）和百分比使用em和ex的目的就是为所给的字体设置合适的宽度，而没有必要知道字体有多大，在显示时，可通过比较当前字体中的m和m来确定,字体越大，所对应的em和ex也就越大,公车超标公车泛滥向谁举报？h1font-family:黑体;font-size:24px;color:red;text-decoration:underline;text-a
6、lign:center;spanfont-family:verdana;font-size:16px;font-weight:200;color:blue;text-align:center;margin-left:480px;pfont-family:verdana,宋体;font-size:18px;line-height:150%;text-indent:2em;margin-left:5em;margin-right:5em;.emphasisTextbackground-color:#3366ff;公车超标公车泛滥向谁举报?2011-11-21公车超标公车泛滥是全民目睹的一个普遍现象
7、，公车改革也喊了十多年了，这期间，公车不仅没有减少，却还出现了成百倍成千倍的增长。中国的公车，说得准确点，其实就是官车，只是分了大官小官不同的官车。中国究竟有多少公车？每年又新增了多少公车，财政有多少钱用于庞大的公车开支？有多少公车是超标公车？恐怕没有多少人知道，连政府自己都说不清楚，中国的公车，如同中国的公款吃喝一样，是一本沉重的算不清的糊涂账。全世界公车数量第一的国家无疑是中国，因为中国人多官多机构多。世界上公车标准最高的自然也非中国莫属，如果只要在北京街头留心观察，除了满大街的奥迪A6，挂公车牌号的，不乏奥迪A8W12、奔驰S600、宝马750以及宾利、劳斯莱斯之类的豪华官车，这些豪华官
8、车在街头巷尾连交警也要避而远之，因为这些豪车的主人非富即贵。中国的公车配置是从乡镇一级的官员就拥有的一种特权，中国有数万个乡镇，2000多个县市，正科级以上的官员高达数百万之多，况且各级都拥有庞大的党政人大政协四大班子以及公检法系统。据国家财政部、国家发改委和国家统计局调研数据显示，2005年以来，我国财政行政事业公用经费支出每年增加1000多亿元，2007年以来，该项经费支出已接近9000亿元，其中公车消费占比很高。目前，对外公开的公车总数为200多万辆，每年公车消费支出1500亿元2000亿元（不包括医院、学校、国企、军队以及超编配车）。每年公车购置费用支出增长率为20%以上。请注意，20
9、0多万辆不包括医院、学校、国企、军队以及超编配车，这些不包括的部分拥有的公车数量不会少于200万辆，每年公车支出远远高于5000亿元。据国家财政部统计，全国超编配车率达50%以上，地方主要领导普遍一人配两辆专车(市内和下乡各一辆)。据学者们保守估计，全国公车总数在500万辆左右。按照中办发199414号文件规定：只有部长级和省长级以上干部才能配备专车，现职副部长级和副省长级干部保证工作用车或相对固定用车，副部长级和副省长级及其以下工作人员，包括离退休后享受部长级和省长级待遇的干部都不允许配备专车。但实际上，在中国不仅副部级官员拥有专车，许多地方连副科级以上的官员都已拥有专车或享用专车。马英九治
10、下的台湾只有3.7万辆公车，占全台汽车总量的0.55%；而且台湾的公车改革还在持续进行中，未来台湾公车多以“租车”形式存在。一国两制之下的香港有17万公务员，首长级以上官员1200人左右，只有特首、政务司司长等各个司局的正职配有专车。加上终审法院的首席法官、立法会主席，全港享有专车待遇的公职人员仅二十余名。再看看日本，日本中央各部委保有各类公车6000辆左右，包括卡车、工程车、大客车以及乘用车等各种车辆。其中国土交通省保有公车4123辆，位居首位，财务省610辆、防卫省428辆、法务省237辆、厚生劳动省169辆，依次位居其后。国会参众两院约有公车240辆。日本各级地方政府拥有和租借的公车共有
11、389600辆，其中包括121300辆警用和消防车辆。中国的公车问题，官方和媒体隔一阵子拿出来炒一炒，具有讽刺意味的是，中国的公车不仅没有减少，反而越来越多，公车超标现象也越来越普遍！满大街奔跑的超标公车，究竟由谁来举报？又向谁举报？大凡公车都是官员在享用，官员花钱跟老百姓实在不相干。因为官员不是老百姓选举产生，老百姓也就没有监督官员的权力，更没有监督官员的制度。正因为如此，公车超标公车泛滥如同我们见惯了的腐败一样，只能是这个社会的常态。,文本设计示例,列表设计list-style-type：设置的列表符，可能的取值为：disc:的默认值，实心圆circle:空心圆square:实心方块dec
12、imal:的默认值，阿拉伯数字lower-roman:小写罗马数字upper-roman:大写罗马数字lower-alpha:小写英文字母upper-alpha:大写英文字母none:不使用项目符号,(2)list-style-image：none|url(url)设置的列表符图像此时，再不应设置list-style-type(3)list-style-position:outside|inside outside:默认值。列表项目标记放置在文本以外，且环绕文本不根据标记对齐inside:列表项目标记放置在文本以内，且环绕文本根据标记对齐,(4)中的文本样式可象中一样设置，各列表项的间距可通过
13、 margin-top或margin-bottom设置,以上列表属性如对 或 设置，则该设置将应用到对应列表下所有的；如直接对某一 设置，则该设置仅应用到具体的,(5)自定义列表主要是准对和定义样式,广州航海高等专科学校申报省级高职高专教育示范性专业自评自查报告书h2font-family:黑体;font-size:24px;color:red;text-decoration:underline;text-align:center;spanfont-family:verdana;font-size:16px;font-weight:200;color:blue;text-align:cente
14、r;margin-left:480px;pfont-family:verdana,宋体;font-size:18px;line-height:150%;text-indent:2em;li font-family:黑体;line-height:1.2;list-style-type:circle;list-style-position:outside;list-style-image:url(images/li.png);margin-bottom:10px;.lastLi margin-bottom:0;dtfont-family:黑体;color:blue;ddline-height:1.
15、8;text-decoration:underline;广 州 航 海 高 等 专 科 学 校电子商务专业建设规划与实施 2011-11-21 专业建设规划是专业建设的基础，是提高专业建设质量、效益、专业建设科学化和规范化的前提。我们根据学校专业总体发展规划制订了科学可行的本专业建设规划，逐步形成了具有自身专业特色和优势的电子商务专业，该专业面向数以百万计中小企业的电子商务类岗位，培养综合素质优良，职业道德优良，既了解经济活动基本规律，又懂计算机信息技术；即掌握了先进的营销管理理念，又熟悉现代商务运作流程的复合型高技能应用性人才，这是时代赋予电子商务专业教育的重大使命。电子商务岗位要求从业人员
16、既掌握计算机及网络在商务方面应用的相关技术，又应具有鲜明的商务理念。因此，它对人才提出了以下要求：第一是知识面要广，特别是经济管理和商务贸易知识的掌握应有足够的宽度和一定的深度；第二是要求员工对信息驾驭的能力比较强，特别是能够充分利用计算机和互联网工具，有效地进行信息收集、分析、整理和数据挖掘，以及进行信息的发布、传播和推广；第三是专业技术含量较高，要求掌握计算机的使用和维护的一般技术，有一定的软件开发能力，特别具有较强的商务网站规划、设计和维护能力，掌握网络营销和网络推广的最新技术等。第四是针对电子商务岗位的特点和要求，培养出适应能力强、特色鲜明、技能突出，实现与企业电子商务应用实际“零距离
17、”，与就业岗位实现“零适 应期”、能快速切入企业具体电子商务类岗位的“楔型人才”我们的专业建设实施方案具体，措施得力，取得了显著的效果。具体实施的方案做法为：(1)加强实践环节 将计算机类与商务经济类课程有机融合。电子商务专业的专业技能课主要是两类：一类是计算机课程，另一类是商务经济课程。教学实践中我们要求：计算机类课程在授课中应选择商务活动中的典型案例；而商务经济类课程则应侧重讲授网上的商务活动。这样将两方面课程融合起来，使学员真正掌握网络环境下的商务运作技能。(2)改革教学内容、方式和手段 在教学内容及教学方式手段方面，我系不断探索如何体现高职教育特色，加强实验、实训环节，更好地培养学员的
18、职业技能。(3)毕业设计为重要的实训环节 毕业设计作为重要实训环节，实训内容及毕业设计选题和均紧紧围绕本专业的核心技能展开 总之，我系电子商务专业的建设规划科学合理，取得了良好的教学和社会效果,列表中文本设计示例,超链接超链接除了具有普通文本的样式之外，还有一个很重要的特点，就是超链接具有不同的访问状态，如鼠标指向、鼠标按下等,CSS中用四个伪类来定义链接四种不同状态的样式，分别是：a:link、a:visited、a:hover和a:active。如：a:linktext-decoration:underline;a:visitedtext-decoration:none;color:red
19、;a:hovercolor:green;a:activebackground-color:blue;color:#F90;以上语句分别定义了“正常链接、已访问过的链接、鼠标指向链接、鼠标在链接上按下时的样式。注意，必须按以上顺序写，否则显示可能和你预想的不一样,记住它们的顺序是“lvha”以上主要用的是a:link和a:hover,广州航海高等专科学校申报省级高职高专教育示范性专业自评自查报告书*padding:0;margin:0;#navbackground-color:beige;width:950px;margin:0 auto;/*nav区在页面中水平居中*/#nav ul lili
20、st-style-type:none;padding-top:5px;padding-bottom:5px;margin-right:35px;float:left;.firstNavLimargin-left:80px;#nav ul li a:linkcolor:#cc3333;font-family:黑体;font-size:24px;font-weight:bolder;text-decoration:none;#nav ul li a:hovercolor:green;首页 书店联盟 在线拍卖 旧书广场 夫子社区 古旧书院,一个水平导航菜单的设计,三 图像1 图像的width和hei
21、ght最好不要设置，以避免图像失真；width与height两者设定一个，则在浏览器中图像会等比例缩放；width与height两者都设定，则缩放不会等比例；width与height的设定可采用相对值。如:imgwidth:50%;/*图像的width为其父元素宽度的50%*/,2 图像可像块元素一样设置padding、border和margin3 图像与文本的混排：设置图像的float属性，使其往左或往右浮动，图像与周围文本间的距离可通过图像的margin来设定,公车超标公车泛滥向谁举报？h1font-family:黑体;font-size:24px;color:red;text-decor
22、ation:underline;text-align:center;spanfont-family:verdana;font-size:16px;font-weight:200;color:blue;text-align:center;margin-left:480px;pfont-family:verdana,宋体;font-size:18px;line-height:150%;text-indent:2em;margin-left:5em;margin-right:5em;.emphasisTextbackground-color:#3366ff;.firstImgmargin-left:
23、250px;margin-top:20px;.secondImgwidth:30%;margin-left:6em;margin-right:1em;float:left;公车超标公车泛滥向谁举报?2011-11-21公车超标公车泛滥是全民目睹的一个普遍现象，公车改革也喊了十多年了，这期间，公车不仅没有减少，却还出现了成百倍成千倍的增长。中国的公车，说得准确点，其实就是官车，只是分了大官小官不同的官车。中国究竟有多少公车？每年又新增了多少公车，财政有多少钱用于庞大的公车开支？有多少公车是超标公车？恐怕没有多少人知道，连政府自己都说不清楚，中国的公车，如同中国的公款吃喝一样，是一本沉重的算不清的
24、糊涂账。全世界公车数量第一的国家无疑是中国，因为中国人多官多机构多。世界上公车标准最高的自然也非中国莫属，如果只要在北京街头留心观察，除了满大街的奥迪A6，挂公车牌号的，不乏奥迪A8W12、奔驰S600、宝马750以及宾利、劳斯莱斯之类的豪华官车，这些豪华官车在街头巷尾连交警也要避而远之，因为这些豪车的主人非富即贵。中国的公车配置是从乡镇一级的官员就拥有的一种特权，中国有数万个乡镇，2000多个县市，正科级以上的官员高达数百万之多，况且各级都拥有庞大的党政人大政协四大班子以及公检法系统。据国家财政部、国家发改委和国家统计局调研数据显示，2005年以来，我国财政行政事业公用经费支出每年增加100
25、0多亿元，2007年以来，该项经费支出已接近9000亿元，其中公车消费占比很高。目前，对外公开的公车总数为200多万辆，每年公车消费支出1500亿元2000亿元（不包括医院、学校、国企、军队以及超编配车）。每年公车购置费用支出增长率为20%以上。请注意，200多万辆不包括医院、学校、国企、军队以及超编配车，这些不包括的部分拥有的公车数量不会少于200万辆，每年公车支出远远高于5000亿元。据国家财政部统计，全国超编配车率达50%以上，地方主要领导普遍一人配两辆专车(市内和下乡各一辆)。据学者们保守估计，全国公车总数在500万辆左右。按照中办发199414号文件规定：只有部长级和省长级以上干部才
26、能配备专车，现职副部长级和副省长级干部保证工作用车或相对固定用车，副部长级和副省长级及其以下工作人员，包括离退休后享受部长级和省长级待遇的干部都不允许配备专车。但实际上，在中国不仅副部级官员拥有专车，许多地方连副科级以上的官员都已拥有专车或享用专车。马英九治下的台湾只有3.7万辆公车，占全台汽车总量的0.55%；而且台湾的公车改革还在持续进行中，未来台湾公车多以“租车”形式存在。一国两制之下的香港有17万公务员，首长级以上官员1200人左右，只有特首、政务司司长等各个司局的正职配有专车。加上终审法院的首席法官、立法会主席，全港享有专车待遇的公职人员仅二十余名。再看看日本，日本中央各部委保有各类
27、公车6000辆左右，包括卡车、工程车、大客车以及乘用车等各种车辆。其中国土交通省保有公车4123辆，位居首位，财务省610辆、防卫省428辆、法务省237辆、厚生劳动省169辆，依次位居其后。国会参众两院约有公车240辆。日本各级地方政府拥有和租借的公车共有389600辆，其中包括121300辆警用和消防车辆。中国的公车问题，官方和媒体隔一阵子拿出来炒一炒，具有讽刺意味的是，中国的公车不仅没有减少，反而越来越多，公车超标现象也越来越普遍！满大街奔跑的超标公车，究竟由谁来举报？又向谁举报？大凡公车都是官员在享用，官员花钱跟老百姓实在不相干。因为官员不是老百姓选举产生，老百姓也就没有监督官员的权力
28、，更没有监督官员的制度。正因为如此，公车超标公车泛滥如同我们见惯了的腐败一样，只能是这个社会的常态。,图像的设计,4 背景图像background-image：url(url)设定对象的背景图片，当背景图像与背景颜色都设定时，背景图片将覆盖于背景颜色之上。如：#contentbackground-image:url(./images/1.jpg)；注意：采用相对路径时，如该属性是定义在外部.css文件中，则相对路径的基准为css文件所在的目录,否则为当前网页所在的目录,background-repeat该属性和background-image属性配合使用，决定背景图片是否重复，其值如下：rep
29、eat:默认值，背景图片既横向重复，又竖向重复repeat-x:背景图片横向重复 repeat-y:背景图片竖向重复 no-repeat 背景图片不重复如：#contentbackground-image:url（./images/1.jpg);background-repeat:repeat-y;,公车超标公车泛滥向谁举报？#headerwidth:95%;height:200px;background-color:#ff6666;background-image:url(images/daibiao.jpg);border:1px solid red;margin:0 auto;h1fon
30、t-family:黑体;font-size:36px;text-align:center;margin:60px auto;h2font-family:黑体;font-size:24px;color:red;text-decoration:underline;text-align:center;spanfont-family:verdana;font-size:16px;font-weight:200;color:blue;text-align:center;margin-left:480px;pfont-family:verdana,宋体;font-size:18px;line-height
31、:150%;text-indent:2em;margin-left:5em;margin-right:5em;.emphasisTextbackground-color:#3366ff;.firstImgmargin-left:250px;margin-top:20px;.secondImgwidth:30%;margin-left:6em;margin-right:1em;float:left;我们没有授权，你们哪来的权力代表我们去享受！公车超标公车泛滥向谁举报?2011-11-21公车超标公车泛滥是全民目睹的一个普遍现象，公车改革也喊了十多年了，这期间，公车不仅没有减少，却还出现了成百倍成
32、千倍的增长。中国的公车，说得准确点，其实就是官车，只是分了大官小官不同的官车。中国究竟有多少公车？每年又新增了多少公车，财政有多少钱用于庞大的公车开支？有多少公车是超标公车？恐怕没有多少人知道，连政府自己都说不清楚，中国的公车，如同中国的公款吃喝一样，是一本沉重的算不清的糊涂账。全世界公车数量第一的国家无疑是中国，因为中国人多官多机构多。世界上公车标准最高的自然也非中国莫属，如果只要在北京街头留心观察，除了满大街的奥迪A6，挂公车牌号的，不乏奥迪A8W12、奔驰S600、宝马750以及宾利、劳斯莱斯之类的豪华官车，这些豪华官车在街头巷尾连交警也要避而远之，因为这些豪车的主人非富即贵。中国的公车
33、配置是从乡镇一级的官员就拥有的一种特权，中国有数万个乡镇，2000多个县市，正科级以上的官员高达数百万之多，况且各级都拥有庞大的党政人大政协四大班子以及公检法系统。据国家财政部、国家发改委和国家统计局调研数据显示，2005年以来，我国财政行政事业公用经费支出每年增加1000多亿元，2007年以来，该项经费支出已接近9000亿元，其中公车消费占比很高。目前，对外公开的公车总数为200多万辆，每年公车消费支出1500亿元2000亿元（不包括医院、学校、国企、军队以及超编配车）。每年公车购置费用支出增长率为20%以上。请注意，200多万辆不包括医院、学校、国企、军队以及超编配车，这些不包括的部分拥有
34、的公车数量不会少于200万辆，每年公车支出远远高于5000亿元。据国家财政部统计，全国超编配车率达50%以上，地方主要领导普遍一人配两辆专车(市内和下乡各一辆)。据学者们保守估计，全国公车总数在500万辆左右。按照中办发199414号文件规定：只有部长级和省长级以上干部才能配备专车，现职副部长级和副省长级干部保证工作用车或相对固定用车，副部长级和副省长级及其以下工作人员，包括离退休后享受部长级和省长级待遇的干部都不允许配备专车。但实际上，在中国不仅副部级官员拥有专车，许多地方连副科级以上的官员都已拥有专车或享用专车。马英九治下的台湾只有3.7万辆公车，占全台汽车总量的0.55%；而且台湾的公车
35、改革还在持续进行中，未来台湾公车多以“租车”形式存在。一国两制之下的香港有17万公务员，首长级以上官员1200人左右，只有特首、政务司司长等各个司局的正职配有专车。加上终审法院的首席法官、立法会主席，全港享有专车待遇的公职人员仅二十余名。再看看日本，日本中央各部委保有各类公车6000辆左右，包括卡车、工程车、大客车以及乘用车等各种车辆。其中国土交通省保有公车4123辆，位居首位，财务省610辆、防卫省428辆、法务省237辆、厚生劳动省169辆，依次位居其后。国会参众两院约有公车240辆。日本各级地方政府拥有和租借的公车共有389600辆，其中包括121300辆警用和消防车辆。中国的公车问题，
36、官方和媒体隔一阵子拿出来炒一炒，具有讽刺意味的是，中国的公车不仅没有减少，反而越来越多，公车超标现象也越来越普遍！满大街奔跑的超标公车，究竟由谁来举报？又向谁举报？大凡公车都是官员在享用，官员花钱跟老百姓实在不相干。因为官员不是老百姓选举产生，老百姓也就没有监督官员的权力，更没有监督官员的制度。正因为如此，公车超标公车泛滥如同我们见惯了的腐败一样，只能是这个社会的常态。,背景图像的设计,css注释:css注释以/*开始,以*/结束.如:,/*#header imgwidth:980px;height:120px;#nav pfont-family:隶书,verdana;font-size:24
37、px;font-weight:bold;text-align:center;h2font-family:黑体;font-size:20px;color:blue;text-decoration:underline;text-align:center;*/pfont-family:宋体,verdana;font-size:18px;color:black;text-indent:2em;line-height:120%;h3font-family:宋体;font-size:20px;color:blue;,html注释:html注释以 结束.如:,广 州 航 海 高 等 专 科 学 校电子商务专业建设规划与实施 2011-11-21 专业建设规划是专业建设的基础，是提高专业建设质量、效益、专业建设科学化和规范化的前提。我们根据学校专业总体发展规划制订了科学可行的本专业建设规划，逐步形成了具有自身专业特色和优势的电子商务专业，该专业面向数以百万计中小企业的电子商务类岗位，培养综合素质优良，职业道德优良，既了解经济活动基本规律，又懂计算机信息技术；即掌握了先进的营销管理理念，又熟悉现代商务运作流程的复合型高技能应用性人才，这是时代赋予电子商务专业教育的重大使命。-电子商务岗位要求从业人员既掌握计算机及网络在商务方面应用的相关技术，又应具有鲜明的商务理念。因此，它对人才提出了以下要求：,
