css如何改变元素的字体
设计网页的时候,一般方便的是设置body的字体,让其他标签继承body的字体。但是title标签h1到h6和form标签(输入类型)不继承body的字体属性,它们的字体需要单独设置。
& lthtml & gt
& lthead & gt
& ltstyle type = & quottext/CSS & quot;& gt
身体
{
字体家族:微软雅黑,宋式;
字体大小:1em
颜色:# f00
}
& lt/style & gt;
& lt/head & gt;
& ltbody & gt
& lth1 & gt设置字体的类型、大小和颜色</h1 & gt;
& ltp & gt
设置CSS字体的类型、大小和颜色。
& lt/p & gt;
& lt/body & gt;
& lt/html & gt;
设置字体的类型。
一个
字体类型由以下代码设置:
字体系列:微软雅黑、宋体、& # 39;纽约& # 39;;
Font-family翻译成中文就是“字体族”,就是告诉浏览器先用哪种字体,谁排第一就先用这个字体。这里是“微软雅荷”;
2
多种字体用逗号分隔。如果字体名称有空或#,则需要使用单引号或双引号。
三
如果操作系统有“微软优雅黑”,而XP系统没有这种字体,就用“宋体”。如果没有“宋体”,将再次使用系统中的默认字体。但操作系统中通常会有“宋体”,如果没有为网页设置字体类型,则网页会按照操作系统中的默认字体显示。
结束
设置字体大小。
一个
字体大小由以下代码设置:
字体大小:1em
Font-size翻译成中文就是“字号”,单位通常是px(像素)或em(字体高度)。
2
国内很多网站默认字体是12px,很多人用IE浏览器。比如IE6,用户不能改变网页的字体大小。现在主流的浏览器只需要按住Ctrl,滚动滑轮就可以放大缩小。
三
Em是相对字体高度,一般浏览器的默认值是16px。应该注意,em将继承父元素的字体大小。
比如body的字体大小是1em,p的字体大小是0.8em,那么p标签的实际单位换算成像素就是1 * 0.8 * 16px = 12.8px。
但是为了简化em和px之间的转换,body的字体大小一般设置为62.5%,然后其他标签的字体大小由em设置。这样em到px的转换只需要乘以10,比如1em = 1 * 62.5% * 16px = 10 px。
四
很多人推荐用em作为网页字体单元,这样有两个好处,但是我的实践告诉我,这似乎并不太重要。
(1)当IE6的字体大小设置为更大或更小时,所有字体都可以按比例放大和缩小。然而,越来越少的人使用IE6。现在主流浏览器按住Ctrl滑动滑轮就可以放大缩小。
(2)通过修改body的大小,可以按比例修改所有字体的大小,因为body是其他字体的基准。一般先设置主体的尺寸,再设置其他标签的尺寸。此时,如果修改了正文的大小,其他标签的大小也会相应改变。
结束
设置字体颜色
通过以下代码设置字体颜色:
颜色:# f00
颜色就是颜色。Color用于设置标签的前景色,即元素文本的颜色。
它的值一般用#加十六进制的颜色值来表示。
html 中怎么在背景图片中插入字体并改变字体位置?
第一种方式是image 作为背景图片,即:background:url("…….");
例如如下代码块:
<p >添加文字…添加文字…添加文字…</p>
第二种方式是将img块与文字块(文字块采用span标签显示)放在同一个p 中,然后设置他们之间的位置,例如如下代码块:
<p >
< img src="loading.gif" width="170" height="89" alt="">
<span >添加文字…添加文字…添加文字…</span>
</p>
第三种方式是将img块与文字块(文本块存放在p中)放在同一个p 中,然后设置他们之间的位置,例如如下代码块:
<p >
< img src="loading.gif" />
<p >添加文字…添加文字…添加文字…</p>
</p>
用html编出来的表格怎么让表格中的文字竖排?
样式表的文字处理属性中有两个重要的属性:writing-mode和text-align。 1. writing-mode(设置对象书写方向)
语法:writing-mode : lr-tb、tb-rl
参数:lr-tb:从左向右,从上往下 tb-rl:从上往下,从右向左
示例:p {writing-mode: tb-rl; }
2. text-align(设置对象中文本的对齐方式)
语法:text-align : left、right、center、justify
参数:left:左对齐 right:右对齐 center:居中 justify:两端对齐
示例:p {text-align : center; }
HTML中li默认样式是什么?
默认的样式会在文字开头带有点,不同浏览器中这个点的样式不太一样
html中字体放大和缩小,然后页面刷新后。字体还是放大或者缩小的。这个功能是如何实现的呢?
首先说放大缩小字体,直接用js调整字体大小就可以了。要实现刷新后依然显示之前缩放的大小,那就需要让浏览器记住之前的设置,把字体大小存到cookies中,打开网页再从cookies读取。给你一段写好的供参考,先引入jquery.cookie.js具体使用方法请参考cookie文档
dw如何单独改字体大小?
1、我们打开Dreamweaver CS6,并新建一个HTML空白页。快捷键是CTRL+N。
2、然后在输入文字后,保存网页。
3、在点击左侧html下面的CSS,如图所示。
4、我们可以对字体、大小和颜色进行定义。根据自己的需要选择设置即可。
5、我们把鼠标位置放在标题的文字中。然后我选择字号为36,在弹出来的新建css规则中,输入样式的名称后,点击确定,则标题文字变大了。
6、我们在把鼠标放在下面内容文字的位置上,在点击大小选择一个字号。这里我设置14,在给css起个名称,这里我输入的是font2,然后点击确定。
7、样式定义好了,把鼠标在放在第3行、第四行的文字中,点击下面的目标规则,选择刚刚定义的font2即可应用刚刚设置好的样式,如图所示。