html页面字体相关

 1 <!doctype html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8"/>
 5 <title>字体设置</title>
 6
 7 <style type="text/css">
 8 #fw{
 9     font-weight: bold;
10 }
11 #fs{
12     font-style: italic;
13 }
14
15 </style>
16 </head>
17 <body>
18
19 <div id="fw">这是一段加粗文字</div>
20 <div id="fs">这是一段倾斜的文字</div>
21
22 <!--
23     font            文字
24     font-weight        文字着重
25     font-size        文字大小（一般为偶数）
26     font-style     文字倾斜
27     line-height        文字行高
28     font-family        字体(中文默认宋体)
29  -->
30 <!--
31     font-weight        文字加粗
32     bold                加粗
33     normal            正常
34  -->
35  <!--
36      font-style         文字倾斜
37      italic            倾斜
38      normal            正常
39   -->
40
41 <!--
42     font-family        字体
43     “主要字体”“备用字体1”“备用字体2”
44  -->
45 </body>
46 </html>

时间： 2024-11-06 07:54:05

html页面字体相关的相关文章

移动web页面字体大小二

按设计稿中的字体大小设置页面字体大小(px),在手机端,因为不同设备会有不同,换算成rem单位.rem是“font size of the root element”,可以通过这篇文章了解http://www.w3cplus.com/css3/define-font-size-with-css3-rem 以640px宽为例,设置html{ font-size: 20px; }再把css中原来的px单位除以20,换成rem,比如120px,就写6rem都设置完以后,这个页面是适配640的手机,那如

HTML5做手机站页面字体显示很小的解决方法

原文:HTML5做手机站页面字体显示很小的解决方法 HTML5做手机站需要加上一部分代码,不然字体会显示很小的,经历了很久的不解才发现的,希望给大家一些帮助 <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html xmlns="http://www.w3.org

jQ禁止右键点击、隐藏搜索文本框文字、在新窗口中打开链接、检测浏览器、预加载图片、页面样式切换、所有列等高、动态控制页面字体大小、获得鼠标指针的X值Y值、验证元素是否为空、替换元素、延迟加载、验证元素是否存在于Jquery集合中、使DIV可点击、克隆对象、使元素居中、计算元素个数、使用Google主机上的Jquery类库、禁用Jquery效果、解决Jquery类库与其他Javascript类库冲突

1. 禁止右键点击代码如下: $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 2. 隐藏搜索文本框文字代码如下: $(document).ready(function() { $("input.text1").val("Enter your search text here"); textFill($

html页面字体相关