一.chrome浏览器默认最小字体为12px解决办法:
方式一:
设置浏览器最小字体限制:
a. 修改方法一
设置--》高级设置--》网络内容--》自定义字体...
设置成最小字体就可以了。(无须重启)
b. 修改方法二。
找到客户端机器以下文件
C:\Documents and Settings\用户名\Local Settings\Application Data\Google\Chrome\User Data\Default\Preferences
[html] view plain copy
"webkit": {
"webprefs": {
"minimum_font_size": 12,
"minimum_logical_font_size": 12
}
}
把以上值进行修改就可以了(重启Chrome)
处理以上两个方法之外, 网络上还流传着一种解法:
设置 – 选项 – 高级选项 – 更改字体和语言设置 – 语言 – 谷歌浏览器语言:英文(美国)
二.设置字体颜色和大小:
在一个标签的开始tag中添加style属性,设置color和font-size值,如:
<h1 style="color:green;font-size:16px">Big Heading</h1>
三.设置字体类型:
在一个标签的开始tag中添加style属性,设置font-family值,如:
<li style="font-family:Impact;font-size:10px">
<body style="background-color:brown;">
<ol style="background-color:yellow">
<h3 style="text-align:center">
<li style="text-align:left">
<li style="text-align:right">
无需使用style属性,在你想加粗的text上添加<strong>标签,如:
<strong>sing</strong>
七 .字体倾斜:
添加<em>标签,如:
<em>red</em>
八.添加注释:快捷键:Ctrl+/
<!-- -->
九.表格
在<body>标签中添加<table>标签,表示这是一个表格,在<table>标签中添加<tr>标签(table row),
表示这是表格的一行,然后在<tr>标签下添加<td>标签(table data),表示这一行的一列数据,如:
<table border="1px">
<tr>
<td>King Kong</td>
<td>1933</td>
</tr>
<tr>
<td>Dracula</td>
<td>1897</td>
</tr>
<tr>
<td>Bride of Frankenstein</td>
<td>1935</td>
</tr>
</table>
十.<tbody>
<tbody>标签跟<body>标签一样,表示表格体,<thead>标签表示表格头,<th>标签表示一列的头。
十一.colspan属性表示该<th>占几列,如:
<th colspan="2">Famous Monsters by Birth Year</th>
十二.<div>标签(division)允许你将你的划分成几个部分。也可以将其包含在<a>标签中,使其具有链接属性。
十三.<span>标签允许你对网页中某个小部分进行格式控制,如一段文本中的某个单词。
十四.配置CSS的两种方式:
a.在同一个HTML文件的<style>标签中写,并把<style>标签放置在<head>标签中,如:
<head>
<style>
p {
color: purple;
}
</style>
<title>Result</title>
</head>
b.在一个独立的.css文件中编辑格式,并让HTML文件链接到你的.css文件,具体做法如下:
(1)在HTML文件的<head>标签中添加<link>标签;
(2)在<link>标签中添加属性,分别是type,rel,href;
(3)type属性值总是"text/css",rel属性值总是"stylesheet",href属性值指明.css文件的位置。
注:属性值之间没有分号,如:
<link type="text/css" rel="stylesheet" href="stylesheet.css">
十五.Self-closing tag
<link>标签也可以这样写:<link />
类似的还有<img>标签:<img />
这些叫做自动关闭标签,大部分标签都不是自动关闭的。
十六.CSS的基本格式:
selector {
property: value;
}
selector可以是任何一个HTML标签,如<p>,<img>,<table>,只是去掉了<>;
property是该标签的格式的一个方面,如font-size,color,font-family等;
value就是该属性具体的值;
每个属性值对都要以一个分号结尾,切记!
十七.video标签:(HTML5)
用来创建播放器,如:
<video width="320" height="240" controls>
<source src="video-url.mp4" type="video/mp4">
</video>
效果如图:
<meta charset="utf-8"/>
十九.nav标签
<nav>标签用来组织网页的导航菜单,如:
<nav>
<ul>
<li><a href="#"><b>Arctic</b></a></li>
<li><a href="#">Alpine</a></li>
<li><a href="#">Antarctic</a></li>
</ul>
<div class="contact-btn"><a>Contact</a>
</div>
<nav>