网页设计中如何放大文字_制作html网页放大文字用简单易懂的方式新手求教谢谢

1、dreamwear网页设计怎么吧字体放大

把去掉这个表html注释代码，不被执行的，所以你写在里面的代码没执行，字体大小改动对呀类名下的font-size：字号，就好了！

2、制作html网页，放大文字。用简单易懂的方式，新手求教，谢谢

难点在于点击前如何获取当前字体大小，这样才能在此基础上通过数学加法来放大，示例如下（按一次放大，字号 +4px）

<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8">
<title>获取文字大小</title>
<style>
body {font:normal 16px/1.8 tahoma;}
#textWrap {width:600px; margin:60px auto;}
</style>
</head>
<body>
<input type="button" value="放大文字" onclick="zoomInFontSize()">
    <div id="textWrap">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt error labore, dolorum voluptatum doloremque omnis dolorem nemo porro beatae, incint.
    </div>
    <script>
function zoomInFontSize() {
var obj = document.getElementById('textWrap'),
curSize = '';  // 当前字体大小

// 创建一个容器，来测算当前字体大小
var getFontSize = function() {
var oDiv = document.createElement('div');
oDiv.innerHTML = 'ABC测试';  // 写入任意字符
oDiv.style.lineHeight = 1;
oDiv.style.position = 'absolute';
oDiv.style.top = '-9999em';
document.body.appendChild(oDiv);
return oDiv.offsetHeight;
};

if (obj.style.fontSize == '') {
curSize = getFontSize();
} else {
curSize = parseInt(obj.style.fontSize, 10);
}

curSize += 4;
if (curSize > 100) {
alert('不能再大了');
} else {
obj.style.fontSize = curSize + 'px';
}
}
    </script>
</body>
</html>

3、网页制作高手请进在网页中怎样让小图片点击以后放大（

不是高手只会简单的，像我这样js只会一点的，可以想到如下办法：

直接css做，一张小图片一张大图片，当鼠标过去的时候小图片换大图片

js做，写一个onclick事件，点击的时候改变图片的width，height属性就是了

直接在网上去找高手们分享的js插件，稍微修改一下就可以运用在自己的网页了

4、中文网页制作中的加粗加大的字体有哪些？

自己下载文鼎字库和方正字库在里面找
这是最常用的字库~

5、有谁可以告诉我web网页制作中通过三个按钮控制页面上的一段文字放大,缩小，恢复到原始大小的代码？

先下载jquery-1.2.6.pack.js，包含到文件中

<div class="fsize">
<h3><em>Enlarge</em><span>Font-size:12px</span><strong>Small</strong></h3>
<div>
<p>

Andy Moor – Fake Awake (Eco mix) (Anjunabeats)
Humate – Love Stimulation (Glenn Morrison & Bruce Aisher mix) (Poker Flat

</p>
</div>
</div>

<div class="fsize">
<h3><em>Enlarge</em><span>Font-size:12px</span><strong>Small</strong></h3>
<div>
<p>

Andy Moor – Fake Awake (Eco mix) (Anjunabeats)
Humate – Love Stimulation (Glenn Morrison & Bruce Aisher mix) (Poker Flat

</p>
</div>
</div>

样式CSS:

.fsize{ border:1px solid #444; margin:10px; height:auto;}
.fsize div p{ line-height:1.5em; padding:10px;}
.fsize h3{ font-size:12px; font-weight:500; height:24px; text-align:right; padding:0 10px; line-height:24px; background:#f0f0f0; display:block;}
.fsize h3 em,
.fsize h3 strong{ font-weight:500; color:#c00; font-style:normal; cursor:pointer;}
.fsize h3 em,
.fsize h3 span{ float:left; margin-right:6px; text-align:left;}

脚本JS:



<script type="text/javascript" src="jquery-1.2.6.pack.js"></script>

下面是脚本：

$(document).ready(function(){
//字体变大 class为.fsize 的h3 下的 em 元素被点击时：
$(".fsize h3").find("em").click(function(){

//算出h3 下面的 div 中的 p 的字号
var size=parseInt( $(this).parent().next("div").find("p").css("font-size"),10);

//最大为22号字
if(size<22)
{

//字号累加2
size+=2;

//用h3中的span 标签显示当前字号
$(this).next("span").html("Font-size:"+size+"px");

//重新定义调整过的字号
$(this).parent().next("div").find("p").css({"font-size":size+"px"});
}else
{

//大于22号时提示这已经是最大了
$(this).next("span").html("This is the MAX font-size already!");
}
})
//字体变小原理与变大基本相同注意size 应该是局部变量每次都要算
$(".fsize h3").find("strong").click(function(){
var size=parseInt( $(this).parent().next("div").find("p").css("font-size"),10);

//最小为12

if(size>12)
{
size-=2;
$(this).prev("span").html("Font-size:"+size+"px");
$(this).parent().next("div").find("p").css({"font-size":size+"px"})
}else
{

//提示当前已经是最小
$(this).prev("span").html("This is the MIN font-size already!");
}
})
//离开时仍然显示字号
$(".fsize").mouseout(function(){
var size=$(this).find("div").find("p").css("font-size");
$(this).find("h3 span").html("Font-size:"+size);
})

})

6、网页设计中把字体放大居中换颜色怎么弄？为什么我这样写不行？不好意思啊。我是新手。谢谢了，大神帮忙

应该是这样 <p align="center"><font size="8" color="red"><b>街头文化</b></p>

7、网页设计中一段话第一个字加大怎么设计

用这个 :first-letter

8、HTML页面如何设计,使图片文字都按分辨率自动缩放? 主要是图片要自动缩放谢谢

图片可对宽复高使用百分百如`width:30%`;文字制可用rem为单位而不是固定像素的px,再根据分辨率修改根元素html标签的font-size的(媒体查询),如此rem会根据其大小同步进行变化.媒体查询的使用方法见:网页链接

9、html怎么改变字体大小和颜色

可以用css改变字体的大小和颜色。

1、新建html文件，在body标签中添加文字，这里以p标签内容为“演示文本”为例，这时网页将会显示字体默认大小和颜色：

2、在head标签中添加style标签给页面设置css样式，选择p标签，字体大小用的是“font-size”属性，属性值为字体大小，这里以“30px”为例，这时“演示文本”字体将会变大：

3、选择p标签，字体颜色用的是“color”属性，属性值为颜色，这里以红色“red”为例，这时“演示文本”字体将会变成红色：

导航:首页 > 万维百科 > 网页设计中如何放大文字

网页设计中如何放大文字

与网页设计中如何放大文字相关的知识