怎样通过css样式和js改变字体的大小,

html-css076

怎样通过css样式和js改变字体的大小,,第1张

css是用font-size这条属性来控制字体大小;

js类似,用选择器找到你要控制的元素,操作该元素的font-size这条属性

例如:

<p id="text">123</p>

$('#text').css("font-size","12px")

这行jquery就是把id为text的p标签的字体大小改为12px

工具:

eclipse

方法:

window -->Preference

在出现的新窗体中选择General-->Appearance-->Colors and Fonts,在窗体的右侧选择Basic-->TextFonts,再点击Edit就可以进入到修改页面修改了

无论css还是js,都有好多种方法能实现,写个简单的例子给你

jquery写法(需要加载jquery文件),如下:

<h1 class="demo">测试文字,测试文字,测试文字</h1> $(".demo").hover(function(){

  $(this).fadeOut(1000)

})

css写法,如下:

<h1 class="demo">测试文字,测试文字,测试文字</h1> .demo{

    transition: 1s

    -moz-transition: 1s

    -webkit-transition: 1s

    -o-transition: 1s

}

.demo:hover{

    opacity: 0

}