重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
设置html5中字体的大小,首先需要理解是css中的font属性,通过font-size来改变字体的大小,设置的方式,一般都是通过给这个元素的一个id或者是class来设置,具体看下面代码:
创新互联成立与2013年,先为将乐等服务建站,将乐等地企业,进行企业商务咨询服务。为将乐企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
html
head
style
#round{
width:400px;
height:200px;
}
#round p{
color:#f00; //设置字体颜色为红色;
}
/style
/head
body
div id="round"
p测试文字/p
/div
/body
/html
在设置颜色时有多种方法:
采用颜色的英文单词 比如 red 指红色
采用#号,后面跟6位的16进制数字,比如:#ff0000 表示红色 每个数字的取值为0~9,a~f(a表示10,f表示15)。当第1~2位、第3~4位、第5~6位的数字分别相同时,可以缩写为3位,如 #ff0000可以缩写为 #f00, #3399ff可以缩写为#39f。对于#3699ff此类不满足条件的颜色值则不能缩写
采用rgb数值表示法,比如 rgb(255, 0, 0); 表示红色,三个数字分别表示红、绿、蓝,取值范围为0~255
采用rgba数值表示法,比如rgba(255, 0, 0, 0.5); 表示50%透明度的红色,最后一个数字表示透明度,取值为0~1之间的小数,0表示全透明,1表示不透明。
一般都是微软雅黑字体,剩下的就是,根据网站里设置的字体,你的手机里有相应的字体样式,那么就能展现出来,没有,就会按照你手机设置的默认字体去展示
一般你在用电脑做手机网页的时候,浏览器显示的比例和手机的比例为50%,就是说你在浏览器上面正常的内容在手机上只有50%的整体大小适配,所以说在浏览器做调试的时候把预览图缩小50%,然后调试各种属性的大小,显示正常后放到手机上就完美了
可以用css改变字体的大小和颜色。
1、新建html文件,在body标签中添加文字,这里以p标签内容为“演示文本”为例,这时网页将会显示字体默认大小和颜色:
2、在head标签中添加style标签给页面设置css样式,选择p标签,字体大小用的是“font-size”属性,属性值为字体大小,这里以“30px”为例,这时“演示文本”字体将会变大:
3、选择p标签,字体颜色用的是“color”属性,属性值为颜色,这里以红色“red”为例,这时“演示文本”字体将会变成红色: