《网站建设与网页设计从入门到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript》——-阿里云开发者社区

开发者社区> 异步社区> 正文

《网站建设与网页设计从入门到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript》——

简介:
+关注继续查看

本节书摘来自异步社区《网站建设与网页设计从入门到精通Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript》一书中的第3章,第3.4节,作者: 何新起 更多章节内容可以访问云栖社区“异步社区”公众号查看。

3.4 编辑文本格式

Dreamweaver中的文本格式设置与使用标准字处理程序类似。可以为文本块设置默认格式设置样式(段落、标题1、标题2等)、更改所选文本的字体、大小、颜色和对齐方式,或者应用文本样式(如粗体、斜体、代码和下划线)。

3.4.1 设置文本字体
输入文本后,可以在【属性】面板中对文本的大小、字体和颜色等进行设置。设置文本属性的具体操作步骤如下。

序号1 在【属性】面板中【CSS】选项卡的【字体】下拉列表中选择“编辑字体列表”选项,如图3.37所示。


51f3b82516022defa18646430e80788eac71905a

序号2 在对话框中的【可用字体】列表框中选择要添加的字体,单击Snap19按钮添加到左侧的【选择的字体】列表框中,在【字体】列表框中就会显示新添加的字体,如图3.38所示。重复以上操作即可添加多种字体。若要取消已添加的字体,可以在【字体列表】选中该字体组合,相应的多个字体会出现在【选择的字体】列表框中,然后选中要取消的字体,单击Snap19按钮即可。

序号3 完成一个字体样式的编辑后,可进行下一个样式的编辑。若要删除某个已经编辑的字体样式,可选中该样式单击Snap19按钮。完成字体样式的编辑后,单击【确定】按钮确认修改并关闭该对话框。

序号4 这里选择【字体】为“宋体”,弹出【新建CSS规则】对话框,在对话框的【选择器类型】中选择“类(可应用于任何HTML元素)”,在【选择器名称】中输入名称“.contenta”,在【规则定义】中选择“仅限该文档”,如图3.39所示。


de77d6355c3077e989cfcc47fbe253f570847b7c


baf0deb5190bca527a9e5700b83163e25d22e380

3.4.2 设置文本大小
选择一种合适的字体,是决定网页美观、布局合理的关键,在设置网页时,应对文本设置相应的字号。选中要设置字号的文本,在【属性】面板中的【大小】下拉列表中选择字号的大小,或者直接在文本框中输入相应大小的字号,如图3.40所示。


721a8a6139a2edd17f77f235c1af02f2ca3bfb6a

3.4.3 设置文本颜色
还可以改变网页文本的颜色,设置文本颜色的具体操作步骤如下。

序号1 选中设置颜色的文本,在【属性】面板中单击【文本颜色】按钮,打开如图3.41所示的调色板。

序号2 在调色板中选中所需的颜色,光标变为Snap19形状,单击鼠标左键即可选取该颜色。单击【确定】按钮,设置文本颜色,如图3.42所示。


9eec936de41fd72f5e4e5583a0236255deb783e9


3ba5261125203414df2212e8df51aba4dc137434

提示

如果调色板中的颜色不能满足需要时,单击sheseqi按钮,弹出【颜色】对话框,在对话框中选择需要的颜色即可。
HTML代码分析
1.字体属性face
Face属性规定的是字体的名称,如中文字体的【宋体】、【楷体】、【隶书】等。可以通过字体的face属性设置不同的字体,设置的字体效果必须在浏览器中安装相应的字体后才可以正确浏览,否则有些特殊字体会被浏览器中的普通字体所代替。

语法:

<font face="字体样式">……</font>

说明:

face属性用于定义该段文本所采用的字体名称。如果浏览器能够在当前系统中找到该字体,则使用该字体显示。

2.字号属性size
文字的大小也是字体的重要属性之一。除了使用标题文字标记设置固定大小的字号之外,HTML语言还提供了< font >标记的size属性来设置普通文字的字号。

语法:

<font size="文字字号">……</font>

说明:

size属性用来设置字体大小,它有绝对和相对两种方式。Size属性有1到7个等级,1级最小,7级的字体最大,默认的字体大小是3号字。可以使用“Size=?”定义字体的大小。

提示

< font >标记和它的属性可影响周围的文字,该标记可应用于文本段落、句子和单词,甚至单个字母。
3.颜色属性color
在HTML页面中,还可以通过不同的颜色表现不同的文字效果,从而增加网页的亮丽色彩,吸引浏览者的注意。

语法:

<font color="字体颜色">……</font>

说明:

它可以用浏览器承认的颜色名称和十六进制数值表示。

提示

注意,字体的颜色一定要鲜明,并且和底色配合,否则你想象一下白色背景和灰色的字或是蓝色的背景红色的字有多么难看刺眼。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Scrapy 爬取动态网站
scrapy + selenium + headless 爬取动态网站,完美解决了因调用 chrome headless 导致内存泄漏
2422 0
借助Photoshop,Illustrator等设计软件进行WPF图形图像的绘制
原文:借助Photoshop,Illustrator等设计软件进行WPF图形图像的绘制 本文所示例子是借助第三方设计软件,制作复杂的矢量图形,转成与XAML酷似的SVG,再转换成xaml而实现的。
914 0
Python干货:用Scrapy爬电商网站
电商老板,经理都可能需要爬自己经营的网站,目的是监控网页,追踪网站流量,寻找优化机会等。
6583 0
基于Scrapy爬取伯乐在线网站
标题中的英文首字母大写比较规范,但在python实际使用中均为小写。 2018年7月20日笔记 Scrapy官方文档网址:https://doc.scrapy.
958 0
经典网页设计:12个使用醒目色彩的网站作品示例
  在网页设计中使用醒目的色彩,无疑是让您的网站彰显个性并获得的注意力的一个很好的方式。正确的使用颜色组合是一个挑战,但做得好的话可以有很大的影响。这里收集了12个美丽的使用醒目色彩的网站作品示例,设计师们并不避讳使用一些大胆和鲜艳的色彩,相信能带给你一些灵感。
709 0
经典网页设计:30个新鲜出炉的扁平化网站设计《上篇》
  最近,你会发现大家都在讨论扁平化网页设计。每个人都想要它,因为它很酷,因为它是目前的趋势。扁平化设计,因其简单性和关注用户,去除了很多网站的不必要的元素,例如沉重的背景图片,渐变,斜面和其他一切使空间杂乱的东西。
729 0
《HFSS电磁仿真设计从入门到精通》一导读
HFSS是美国Ansoft 公司开发的,基于电磁场有限元法分析微波工程问题的全波三维电磁仿真软件。经过多年的发展,现今HFSS以其无与伦比的仿真精度和可靠性、快捷的仿真速度、方便易用的操作界面、稳定成熟的自适应网格剖分技术,已经成为三维电磁仿真设计的首选工具和行业标准,被广泛地应用于航空、航天、电子、半导体、计算机、通信等多个领域,帮助工程师高效地设计各种微波、高频无源器件。
2094 0
+关注
异步社区
异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区,也是国内领先的IT专业图书社区,致力于优质学习内容的出版和分享,实现了纸书电子书的同步上架,于2015年8月上线运营。公众号【异步图书】,每日赠送异步新书。
12049
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载