1.html怎么设置字体
想用CSS设置字体样式,首先得了解CSS 字体属性,CSS 字体属性可以定义文本的字体系列、大小、加粗、风格(如斜体)和变形(如小型大写字母)。
如下:font 简写属性。作用是把所有针对字体的属性设置在一个声明中。
font-family 设置字体系列。 font-size 设置字体的尺寸。
font-size-adjust 当首选字体不可用时,对替换字体进行智能缩放。(CSS2.1 已删除该属性。)
font-stretch 对字体进行水平拉伸。(CSS2.1 已删除该属性。)
font-style 设置字体风格。 font-variant 以小型大写字体或者正常字体显示文本。
font-weight 设置字体的粗细。 如果你希望文档使用一种字体可以这样 body {font-family: sans-serif;} 指定字体系列,如下,这样所有h1标签里面的字体就定义好了 h1 {font-family: Georgia;} 其中他们优先级是 h1>body 注意:如果读者没有安装 Georgia字体,会默认为其他字体,如果您对字体非常熟悉,也可以为给定的元素指定一系列类似的字体。
要做到这一点,需要把这些字体按照优先顺序排列,然后用逗号进行连接:p {font-family: Times, TimesNR, 'New Century Schoolbook', Georgia, 'New York', serif;} 如果把一个 font-family 属性放在 HTML 的 style 属性中,则需要使用该属性本身未使用的那种引号如:。 字体风格 font-style 属性最常用于规定斜体文本。
该属性有三个值:•normal - 文本正常显示 •italic - 文本斜体显示 •oblique - 文本倾斜显示 实例 p.normal {font-style:normal;} p.italic {font-style:italic;} p.oblique {font-style:oblique;} 字体变形 font-variant 属性可以设定小型大写字母。小型大写字母不是一般的大写字母,也不是小写字母,这种字母采用不同大小的大写字母。
实例 p {font-variant:small-caps;} 字体加粗 font-weight 属性设置文本的粗细。使用 bold 关键字可以将文本设置为粗体。
关键字 100 ~ 900 为字体指定了 9 级加粗度。如果一个字体内置了这些加粗级别,那么这些数字就直接映射到预定义的级别,100 对应最细的字体变形,900 对应最粗的字体变形。
数字 400 等价于 normal,而 700 等价于 bold。如果将元素的加粗设置为 bolder,浏览器会设置比所继承值更粗的一个字体加粗。
与此相反,关键词 lighter 会导致浏览器将加粗度下移而不是上移。实例 p.normal {font-weight:normal;} p.thick {font-weight:bold;} p.thicker {font-weight:900;} 字体大小 font-size 属性设置文本的大小。
有能力管理文本的大小在 web 设计领域很重要。但是,您不应当通过调整文本大小使段落看上去像标题,或者使标题看上去像段落。
请始终使用正确的 HTML 标题,比如使用
- 来标记标题,使用 来标记段落。font-size 值可以是绝对或相对值。
绝对值:•将文本设置为指定的大小 •不允许用户在所有浏览器中改变文本大小(不利于可用性) •绝对大小在确定了输出的物理尺寸时很有用 相对大小:•相对于周围的元素来设置大小 •允许用户在浏览器改变文本大小 注意:如果您没有规定字体大小,普通文本(比如段落)的默认大小是 16 像素 (16px=1em)。使用像素来设置字体大小 通过像素设置文本大小,可以对文本大小进行完全控制:实例 h1 {font-size:60px;} h2 {font-size:40px;} p {font-size:14px;}。
2.HTML设置字体格式的代码
HTML标签:
文字
文字
CSS格式:
#span1 {font-weight:bold; /*粗体*/
font-size:16px;/*字体大小*/
font-family:arial;/*字体为arial*/
color:#ff0000;/*颜色红色*/
background-color:#fffff/*背景色白色*/
}
3.html怎么设置字体
最简单的设置背景颜色:
找到
想插背景图片输background="这里是图片地址"
若要改文字颜色.在文字两端加
整体效果:
若想用样式控制,全部代码如下:
body {
background-color: #0033FF;
} //背景颜色样式,采用标签选择符样式
.font{color: #33CC00}
//字体颜色样式,采用类选择符样式,用class 调用
-->
4.html文字大小代码
一般标签内都有style属性,在style属性里面通过font-size就可以定义的
另外
..
还有好多就不列举了。
5.html常用的字体样式
font-family:'Microsoft YaHei'。
1、网页字体样式华文黑体:STHeiti2、网页字体样式华文楷体:STKaiti3、网页字体样式华文宋体:STSong4、网页字体样式华文仿宋:STFangsong5、网页字体样式黑体:SimHei6、网页字体样式宋体:SimSun7、网页字体样式新宋体:NSimSun8、网页字体样式仿宋:FangSong9、网页字体样式楷体:KaiTi10、网页字体样式仿宋_GB2312:FangSong_GB231211、网页字体样式楷体_GB2312:KaiTi_GB231212、网页字体样式微软正黑体:Microsoft JhengHei13、网页字体样式微软雅黑体:Microsoft YaHei14、网页字体样式隶书:LiSu15、网页字体样式幼圆:YouYuan16、网页字体样式华文细黑:STXihei17、网页字体样式华文楷体:STKaiti18、网页字体样式华文宋体:STSong19、网页字体样式华文中宋:STZhongsong20、网页字体样式华文仿宋:STFangsong21、网页字体样式方正舒体:FZShuTi22、网页字体样式方正姚体:FZYaoti23、网页字体样式华文彩云:STCaiyun24、网页字体样式华文琥珀:STHupo25、网页字体样式华文隶书:STLiti26、网页字体样式华文行楷:STXingkai27、网页字体样式华文新魏:STXinwei 扩展资料 html内容描述
最大的标题(一号标题) 预先格式化文本 (英文全称:PREformatted) 下划线(英文全称:Underline) 黑体字 (英文全称:Bold) 斜体字 (英文全称:Italics)打字机风格的字体引用,通常是斜体 强调文本(通常是斜体加黑体、英文全称:EMphasize) 加重文本(通常是斜体加黑体) 设置字体大小从1到7,颜色使用名字或RGB(中文全称:红绿蓝)的十六进制值基准字体标记 字体加大 字体缩小 加删除线程式码键盘字(英文全称:KeyBoarD) 范例(英文全称:SAMPle) 变量(英文全称:VARiable) 向右缩排(向右缩进、块引用) 述语定义(英文全称:DeFiNe)地址标记 上标字 (英文全称:SUPerscript) 下标字(英文全称:SUBscript)。;固定宽度字体(在文件中空白、换行、定位功能有效)。
;固定宽度字体(不执行标记符号)。 固定宽度小字体。
;字体 颜色。;字体 大小等于1(最小)。
;字体 样式等于无限增大(100像素) 参考资料:搜狗百科:HTML。
6.html如何调整文字位置
1、html中调整位置使用css的float属性。详细用法首先在html文件中新建两个div容器,用来方便演示效果,容器中都加入h2标签,设置不同文字便于区分:
2、div标签给它在style标签设置class属性的样式,给它高度和宽度以及颜色,h2标签一个使用float属性,另一个不使用。这里float标签的作用可以让文字居左或者居右显示,也可以设置为空,最后Crtl+S保存文件:
3、打开浏览器,可以看到两个div中的文字位置并不相同,设置了float标签的文字在靠右的位置。以上就是html调整文字位置的方法: