




已阅读5页,还剩18页未读, 继续免费阅读
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
Css文字效果,发表:肖玉强,3.1css文字样式3.2文字例: google公司logo3.3css段落文字3.4段落例:百度检索,1 .字体评论: html中的字体设定方式CSS:font-family eg.p font-family 33366 此语句声明html页面上p标签的字体名称,同时声明两个字体名称。 意思是,让阅览者先在访问者的电脑上找实体,如果没有实体就找华文彩云。如果两种字体都没有,则以浏览器的默认字体显示。3.1Css文本样式和Font-family属性可以声明多个字体,用逗号分隔。 注意:在英语字体样式中,某些字体名称之间可以有空格,并且必须输入eg.timesnewroman,然后用双引号括起来。 这是为了让阅览者知道是字体名称。 eg.p font-family : arial “timessnewroman”虽然很多设计者喜欢使用各种字体来上色页面,但很多字体没有安装在大部分用户的机器上,因此浏览器无法最好的方法是用图形软件把使用偏僻字体的部分做成小图像,加载到页面上。 2 .字符大小审查: html的表达方式Css:font-size控制字符大小的此属性的值可以使用各种长度单位。 px-像素代表浏览器上的一个像素的大小,因为每个用户的显示分辨率不同,每个像素的实际大小也不同,所以px被称为相对单位,即相对于一个像素的比例。 ininch、英寸cm-centermeter、厘米mmmillimeter、毫米ptpoint,打印的点数在一般的显示器中相当于1/72inchpcpica,1pc=12pt以上当然,这五个单位也用于div的高度和宽度。 2.html,3.html,C.%-以百分比显示,表示文本的大小是原始的倍数。 注意: font-size-adjust (如果优先字体不可用,则智能地缩放替换字体),font-stretch (水平缩放字体)在css2.1中被删除了3 .字符颜色和背景色a、字符颜色审查: html的表现方法Css 0000ff-进制值#abc-进制值的简称,如果是#aabbcc的颜色值,则为(0,0,255 ) -十进制值(0%,0%,100%)-红绿三种颜色成分的比例b,背景色属性:背景色,4,字符粗体,倾斜电视定义标准文字。 bold定义粗体字。 bolder定义了更粗的字符。 lighter定义了更精细的字符。 font-style :控制字体的倾斜。 属性值是“标准”、“意大利”和“倾斜”。 在windows中,不能区分oblique和italic。 两者都用italic表示。 在中文里,这种情况很少见。 情况:3-6.html,5,文字装饰效果审查:用html的表现方法Css:text-decoration,为文字加下划线、上线和删除线的功能。 属性值: underline下划线overline下划线linethrough删除线blink闪烁(在ie中无效,在firefox中启用)要使文本具有这些功能,请同时应用这些值,并在属性值之间以空格表示3-8.html 要在CSS中控制字母的大小写,请执行文本变换文本变换: capital ize; /*首字母大写*/text-transform:lowercase; /*全部小写*/text-transform:uppercase; /*全部大写*/3-10.html,7,字符间隔Letter-spacing,可以指定所有长度。 默认关键字为normal,输入长度值会增加或减少字符之间的指定量。 word-spacing的区别在于字符之间的间距更改为字符或字符之间的间距。3.2字符例:模拟谷歌标志,应用学到的CSS知识,以代码形式模拟谷歌标志。 3-11.html、谷歌文本传输: capital ize; 字体大小:80 px; Letter-spacing:-2; font-family:Arial、Helvetica、 .g1.g2color:#0000ff; .o1, ecolor:#CC0000; # O2 color : # ff 9900 .l color : # 009933 谷歌、段落水平对齐段落垂直对齐段落行间隔、字符间前缀扩大、3.3css段落字符、1、 字符水平对齐和段落前缀缩进审核: htmlCss:text-align控制段落的水平对齐属性值为left、right、center和justify3- 13.htmltext-indent,其中缩进距离为中文通常设定为2em。 也可以设置负值或百分比。 2 .查看段落的垂直对齐方式: htmlCss:vertical-align用于垂直对齐的特性在当前浏览器中只能使用表格单元中对象的垂直对齐方式来设置。 属性值是中间、顶部和底部。 3-14.html,3,单词间隔Word-spacing :更改单词之间的标准间隔。 默认值normal与设定值0相同。 值为正长度会增加单词之间的间距,值为负值会放大。 3-17.html,4,首字母为pspanfont-size:60px; /*前缀大小*/float:left; /*首盖*/padding-right:5px;
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2025版儿童鞋类线上线下融合销售合同
- 2025年度珠宝设计品牌委托合同范本
- 2025版智能硬件退伙协议书
- 2025年度金融创新项目借款协议书模板下载
- 2025不锈钢室内外照明工程承包合同
- 2025年大数据分析程序员合作项目合同
- 2025年度电力工程材料供应合同范本
- 2025版山林地租赁合同与林业用地流转管理协议
- 2025年度生物科技研发与应用合作协议书范本
- 2025便利店运营管理简易劳务合同范本
- 2024版门面租赁合同书范本下载
- 中小学教师专业技术岗位聘任考核方案
- 2024-2025学年高三上学期《为什么要上一个好大学?》主题班会课件
- 九年级化学开学第一课
- 职业技术学校物联网应用技术专业调研报告
- GB/T 43934-2024煤矿土地复垦与生态修复技术规范
- 2023年某技术有限公司技术规范
- 秋季传染病预防课件幼儿园
- 江苏农牧科技职业学院单招《英语》考试参考题库(含答案)
- 儿内科临床常见操作技术规范2023版
- 家政保洁收纳培训课件
评论
0/150
提交评论