作者:电脑信息网日期:
返回目录:设置问题
在css中设置字体zhidao使用font-style:italic;
normal 默认值。浏览器显示一个标准的字体样式。
italic 浏览器会显示一个斜体内的字体样式。
oblique 浏览器会显示一个倾斜的字体样式。
inherit 规定应该从父容元素继承字体样式。
加粗:抄font-weight: bold;
斜体:font-style: italic;
font-style:设定字体样式。normal 默认/italic,oblique斜体;
font-weight:设定字体粗细。normal 默认/bold 粗体/bolder 比bold更粗/lighter 比较细的字体
font-size:设定字体大小。字体大小 可以用px表示 默认字体大小为 12px
font-family:设定字体/“微软雅黑”/zhidao“宋体”/“黑体”
直接给表单中对应的百元素设置相应的css样式就是可以实现设置字体度等属相的样式的。
设置表单输入框字体样式的代码实例如下:
<!DOCTYPE html>
<html>
<head>
专<meta charset="UTF-8">
<title>float</title>
</head>
<form action="" method="post">
<input type="text" id="text" value="" />
<input type="submit" value=""/>
</form>
</body>
<style>
#text{
color: red;
font-style: italic;
/*设置了字体颜色为红色,字体为属斜体*/
}
</style>
</html>
如上图:css设置input的字体是红色斜体。
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>字体加粗</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
p {
text-align: center;
margin: 16px 0;
}
em {
/* 去掉字体样e799bee5baa6e997aee7ad94e78988e69d83331式 */
font-style: normal;
}
p.strong :nth-child(1) {
font-weight: normal;
}
p.strong :nth-child(2) {
font-weight: bold;
}
p.strong :nth-child(3) {
font-weight: bolder;
}
p.strong :nth-child(4) {
font-weight: lighter;
}
p.strong :nth-child(5) {
/* 等同于bold*/
font-weight: 700;
}
p > em:only-child{
font-style: italic;
}
</style>
</head>
<body>
<hr>
<p>用<b>加粗字体:<b>加粗</b></p>
<hr>
<p>用<strong>加粗字体:<strong>加粗</strong></p>
<hr>
<p class="strong">用CSS font-weight 加粗 <em>normal(400)</em>, <em>bold(700)</em>
, <em>bolder</em>, <em>lighter</em></p>
<hr>
<p>用<i>斜体字体:<i>斜体</i></p>
<hr>
<p>用font-style: italic; 斜体字体:<em>斜体</em></p>
<hr>
<p>用<i>斜体字体:<em>斜体</em></p>
</body>
</html>
可以自行试一下!!!
效果图