1、请问网页制作中点击网站里的大字能让字体变大,点击小字能让字体变小怎么做........
<script>
function changeWordSize(size){
var contentTag=document.getElementById("contentText");
contentTag.style.fontSize=size+"px";
}
</script>
【字体显示:<font onclick='changeWordSize(18)' style='cursor:hand'>大</font> <font onclick='changeWordSize(15)' style='cursor:hand'>中</font> <font onclick='changeWordSize(12)' style='cursor:hand'>小】
<div id="contentText">内容内容内容</div>
2、制作网页,一般字体设置为多大,行距为多少。
字体大小可以用不同的方式计算,如点或像素,由于基于像素的打印需要转换为磅,因此建议使用磅。
1、网页文本显示最合适的字体大小约为12个磅。现在许多综合性网站通常使用9磅字体大小,因为页面中有许多内容需要排列,大字体可用于标题或其他需要强调的地方,小字体可用于页脚和辅助信息。需要注意的是,小尺寸容易产生整体感和精致感,但可读性差。
2、行距的变化也会对文本的可读性产生很大的影响。行距设置接近字体大小的权重更适合文本。行距的固定比例为10:12,即文字10磅,行距12磅。这主要是出于以下考虑:适当的行距会形成明显的水平白带引导观众的视线,过宽的行距会使一行文字失去良好的连续性。
(2)网页设计字体这么变大扩展资料:
网页制作流程
1、引策划
网站的整体定位、功能规划、应用分析、流程设计和内容架构组织。
2、前台
网站页面的设计制作,包括版式规划、色彩应用、版面设计、切片输出、页面整合、动画和多媒体设计、交互环节设计和页面代码编写等。
3、后台
程序设计、数据操作、功能实现、管理界面和管理功能设计等,侧重界面设计的,应在图形设计和视觉创意上多下功夫,做页面代码和后台程序则要多熟悉web标准、标记语言、内嵌语言、脚本语言、数据库等内容。
参考资料来源:网络-网页制作
3、用dreamweaver制作网页,当鼠标经过链接字体变大和颜色改变如何设置?
这个是用样式控制的,你可以到http://www.w3school.com.cn/css/css_link.asp这个地址去看看,讲的很清楚,也很好理解,有问题在追问。
4、网页设计,字体大小不会随浏览器设置而改变
字体大小有相对大小和绝对大小之分,下面给你详细说下:
语法 : font-size: < 绝对大小 > | < 相对大小 > | < 长度 > | < 百分比 > 允许值 : < 绝对大小 > xx-small | x-small | small | medium | large | x-large | xx-large < 相对大小 > larger | smaller < 长度 > < 百分比 > (in relation to parent element) 初始值 : medium 适用于 : 所有对象向下兼容 : 是字体大小属性用作修改字体显示的大小。绝对长度 ( 使用的单位为 pt- 像素和 in- 英寸 ) 需要谨慎地考虑到其适应不同浏览环境时的弱点。对于一个用户来说,绝对长度的字体很有可能会很大,或很小。一些大小指定的定义如下 :
H1 { font-size: large } P { font-size: 12pt } LI { font-size: 90% } STRONG { font-size: larger } 网页制作者需要清楚 Microsoft Internet Explorer 3.x 会错误地将 em 和 ex 单位当作像素,这很可能会令到使用了这些单位的文本不可读。浏览器还会错误地将百分比值视为相对于选中部分的缺省字体大小,而不是上级元素的字体大小。这种做法像 H1 { font-size: 200% } 这是危险的,其大小将被视为 IE 的一级标题的缺省字体大小的两倍,而不是两倍于上级元素的字体大小。在这种情况中, BODY 通常会被视为上级元素,而且很可能定义一个 medium 的字体大小,然而,在 IE 中一级标题的缺省字体大小可能被认为是 xx-large 。注意到了这些错误后,网页制作者在使用字体大小属性时,应该小心使用百分比的值,而且应该尽量避免使用 em 和 ex 这两个单位。
5、用PS设计网页,该用什么字体,大小该是多少
同楼上,字体以宋体为主,因为太多盗版系统上,精简了字体,大部分字体都没有,如果页面上使用了部分字体,客户机器没有,也会用默认字体显示,特殊艺术字都必须切割成图片,这样页面美观了,但是会增加页面的大小,增加下载时间。
字体大小用12和14像素,是最美观的字体大小。
6、关于网页设计尺寸和字号大小
html页面中的文字大小在用户浏览器下默认渲染是“16px",也没有强行规定一定要用多大的,这个要看设计图来定。
CSS上可以用"em"来替代“px”,em是一个相对的大小,我们可以这样来设置1em,0.5em,1.5em等,而且“em”还可以指定到小数点后三位,比如“1.365em”。
为什么要用em,而不用px的关键点:
1. IE无法调整那些使用px作为单位的字体大小;
2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位;3. Firefox能够调整px和em,但是96%以上的中国网民使用IE浏览器(或内核)。这意味这中国网站的字体大小可以被认为不可调。
(6)网页设计字体这么变大扩展资料:
网页构成
文字与图片是构成一个网页的两个最基本的元素。你可以简单地理解为:文字,就是网页的内容。图片,就是网页的美观。除此之外,网页的元素还包括动画、音乐、程序等等。
在网页上点击鼠标右键,选择菜单中的 “查看源文件” ,就可以通过记事本看到网页的实际内容。可以看到网页实际上只是一个纯文本文件。
它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述(例如字体、颜色、大小),而浏览器则对这些标记进行解释并生成页面,于是就得到你现在所看到的画面。
为什么在源文件看不到任何图片? 网页文件中存放的只是图片的链接位置,而图片文件与网页文件是互相独立存放的,甚至可以不在同一台计算机上。
网页通常有以下元素:
文字资料图像档案Applet(在页面内执行的副程式)超链结网页的合成体为网站,一个网站的开始点为首页。
7、网页制作 当鼠标经过文字后字体会变大!在哪里写代码代码是什么!!
把要做特效的内容放到一个<a></a>标签里面,然后给它设置一个css样式:
a:hover{font-size:你想要的字体大小;}。
如果不想出现链接效果的话,可以把内容放到<span></span>标签,然后用span:hover{font-size:你想要的大小;}也行。这两种方法在IE7,8和Firefox上都可行。
如果要兼容杯具或者说餐具的IE6的话,只能用以下方法。
<a href="#" id="linkHover">你想出现效果的内容</a>
为了使得这个超链接表现得像普通文本内容,给这个超链接建立个样式如下:
a {color:Black; text-decoration:none;cursor:default;}
a.hover, a:hover { font-size:你想要的字体大小; }
之后再用一段JS给它动态增加css样式:
<script type="text/javascript">
<!--[if IE 6]>
document.getElementById('linkHover').onmouseover = function() {
this.className = "hover";
};
document.getElementById('linkHover').onmouseout = function() {
this.className = "";
}
<![endif]-->
</script>
至此,无论是Firefox,IE7,8还是杯具的IE6都能够得到想要的效果了。
8、html网页制作里设置表格字体和大小的语句有吗?是什么?
HTML Table表格的文字大小与字型在传统的HTML网页设计规则中,可以透过HTML预设font文字标签中的size与face分别设定文字大小与字型,这样的写法在HTML5以前是相当普遍的,而到了HTML5开始,修改表格文字大小与字型必须使用css来处理,因为HTML5不支援传统HTML font的size与face属性,在css的规则里,修改文字大小是用font-size,而修改字型则是使用font-famliy,以下范例分别使用HTML传统的font标签以及css的属性来修改表格文字。
范例一、用HTML font文字标签修改表格文字大小与字型
<table border="1" cellpadding="5">
<tr>
<td><font size="5">这是size = 5的文字大小</font></td>
<td><font face= "DFKai-sb">这是标楷体的文字字型</font></td>
</tr>
</table>
呈现结果
诚如第一段所说,若要符合最新的HTML5网页设计标准,表格内的文字大小与字型就必须使用css来设计,范例二就提供这样的设计方式,除了可以像范例一这样每个栏位不同的文字样式,还可以一次设定整个表格的文字样式,用起来效率非常好。
范例二、用css的font-size与font-family来修改表格文字大小与字型
<table border="1" style="font-size:18px;font-family:serif;" cellpadding="5">
<tr>
<td>这是表格预设文字样式</td>
<td>< span style="font-size:13px;">这是13px的文字大小</span></td>
<td><span style="font-family:DFKai-sb">这是标楷体字型< /span></td>
</tr>
</table>
呈现结果
二在table标签开头就先加入了『style="font-size:18px;font-family:serif;"』这样的语法,代表将整张表格内的所有文字大小都预设为18px,而且字型使用serif,这可是传统HTML的font标签没办法做到的高效率设计方式,接着我们在表格的三个栏位,分别使用预设文字样式、修改大小为13px(font-size:13px;) 、字型改为标楷体(font-family:DFKai-sb;),可以清楚的看到,只要在表格中任何栏位或一段文字,用span标签包起来,就可以特别为文字做不同的样式设计。