hover 是无法修改html 内容，但是可以通过一系列的样式变化，达到当鼠标悬浮时，改变html内容。用JS可以通过innerHtml来修改，在此不介绍。
创新互联是一家专注于成都网站建设、成都网站制作与策划设计,康县网站建设哪家好?创新互联做网站,专注于网站建设十多年,网设计领域的专业建站公司;建站业务涵盖:康县等地区。康县做网站价格咨询:18982081108
Css可以设置网页的样式，比如字体大小颜色等等。今天小编就来分享一下设置HTML网页字体类型大小和颜色方法。如图，先在HTML网页编写一些测试的文字。然后在网页预览文字初始的字体效果，颜色是黑色，大小比较小。
设计网页时，一般设置body的字体，让其他标签继承body的字体，这样设置特别方便，但是标题标签h1到h6和表单标签(input类型)是没有继承body的字体属性的，它们的字体需要单独设置。
css改变字体的属性：font、font-family、font-size、font-style、font-variant、font-weight、“@font-face”、font-size-adjust、font-stretch等。
要设置字体为像素风格，可以使用 CSS 中的 font-family 属性和 font-size 属性来实现。以下是几种实现像素风格的示例：使用像素风格的字体可以使用类似于 Press Start 2P 这样的字体来实现像素风格。
但是一般电脑用户都没有添加字体的，所以在这里字体只能设置常见，系统自带的字体，而不能设置自己安装的字体，中文字体转Unicode编码。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：body{font-family： 楷体}。浏览器运行index.html页面，此时文字的样式被成功定义为楷体。
打开开发工具，新建一个HTML文件。使用font-family属性设置，字体代码：.demo1{font-family： microsoft yahei}。使用font-size属性设置字体的大小代码：.demo1{font-size： 20px；}。
你可以用font-family属性在CSS样式里设置字体，如： font-family：Arial； 但是设置的这种字体，你电脑上必须装有该字体，否则将按原字体样式显示。
/div /body /html 测试结果应为下图（1）下面我们通过CSS 来改变他的样式。首先我们先让导航在浏览器的中间。
引jQuery，然后定义元素的style样式，根据自己的元素来定义，这里随性定义div的style样式。接着我们看样式所带来的效果，接着开始设置点击按钮会产生变化颜色等交互效果。
在样式表中，你可以针对单一（或多个）的这个（或这些）标签定义样式，如果div内的不同样式很多，相同的标签也可以添加不同的类名以达到区分不同样式的目的。这样同一个div里就可以用不同的文字样式了。
1、使用绝对或相对地址指定OpenType字体 ：样式表定义 如：font-face{ font-family：YH；src：url()；} 然后再设置需要变换字体的样式即可，如：body{font-family：YH}，字体名称是上述所说自定义好的名称。
2、CSS2规范根据长度——水平和垂直尺寸——来定义字体。这个长度为一个数值，前面可能带一个可选的加(+)或减(-)标记符。另外，该数值后可能有一个可选的单位标识符。另外，CSS2规范定义了两个单位类型：绝对单位和相对单位。
3、我们一一实例讲解通过css文字控制方法字体大小使用到font-size 首先设置了font-size的值为36px，则下面结果显示字体比较大。
4、设计网页时，一般设置body的字体，让其他标签继承body的字体，这样设置特别方便，但是标题标签h1到h6和表单标签(input类型)是没有继承body的字体属性的，它们的字体需要单独设置。
1、默认的字体有宋体、楷体、黑体、新宋体、仿宋等。外部字体 样式表中嵌入外部字体，用@font-face语法。
2、box1{font-family：微软雅黑，宋体font-weight：bold}这个字体。css设定的字体， 只有系统里面有这个字体的才能看到。 比如xp系统的用户， 一般都没有微软雅黑， 你css使用了微软雅黑。
3、static(默认值)：如果使用默认值，在CSS中为元素定义的top，left，right，bottom.z-index都不会生效。relative：相对元素本身进行移动。绝对定位：会脱离正常的文档流，不再占据空间。
4、网站制作中之所以要使用css，是为了让页面布局样式等更加美观从而吸引更多阅读者。就好比一个五guan 精致的美女大家都爱看一样！①行内样式。例如：样式(实际效果是p标签中的字体为红色)②内嵌样式。
5、text/css，是允许不支持这类型的浏览器忽略样式表单。 内联定义 (Inline Styles) 内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。
