css写字体样式
关键字为“font”，有“font-width、font-family、font-size、font-style等”，设置字体颜色color。
设置行高间接的实现文本垂直居中。
第一，单行文本直接设置“line-height”；
第二，多行文本需设置好字体的基本样式再通过行高实现垂直居中
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>字体格式</title>
<style type="text/css">
div a{
font-size: 40px;
/*设置字号*/
font-style: italic;
/*设置斜体*/
font-family: '微软雅黑';
/*设置字体，多个字体要用逗号隔开*/
font-width:bold;
/*设置粗体*/
text-align: center;
/*设置文字水平居中，也可以用于图片水平居中*/
}
#no1 span{
font: bold 10px '华文彩云' ;
/*综合应用，没有设置的会按照默认的格式执行,字号和字体必填，样式之间只需空格即可*/
line-height: 50px;
/*根据div盒子的高度来确定文字的水平居中，也可以单独填写数字成倍数缩进行间距*/
}
#no1{
width: 100px;
height: 50px;
background-color: orange;
text-align: center; /*水平居中*/
}
#no2 p{
font: 10px '华文宋体';
line-height: 30px;
/*在设置多行文本的垂直居中时要先设置文字的格式再设置行高即可，否则无任何效果*/
}
</style>
</head>
<body>
<div>
<a href="#">网易链接</a> <br>
</div>
<div id="no1">
<span style="color: cadetblue;">我是span标签</span>
</div>
<div id="no2" style="width: 1000px;height: 150px;background-color: antiquewhite;">
<p>jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互.2007年7月，jQuery 1.1.3版发布，这次小版本的变化包含了对jQuery选择符引擎执行速度的显著提升。从这个版本开始，jQuery的性能达到了Prototype、Mootools以及Dojo等同类JavaScript库的水平。同年9月，jQuery 1.2版发布，它去掉了对XPath选择符的支持，原因是相对于CSS语法它已经变得多余了。这一版能够对效果进行更为灵活的定制，而且借助新增的命名空间事件，也使插件开发变得更容易。同时，jQuery UI项目也开始启动，这个新的套件是作为曾经流行但已过时的Interface插件的替代项目而发布的。jQuery UI中包含大量预定义好的部件（widget），以及一组用于构建高级元素（例如可拖放、拖拽、排序）的工具。</p>
</div>
</body>
</html>
image.png
网友评论