当前位置:  编程技术>WEB前端

教你如何用CSS来控制网页字体的显示样式

    来源: 互联网  发布时间:2014-09-06

    本文导语:  HTML对于<font>内容</font>卷标只有: <font color=colorvalue size=fontsize face=字型></font>这3种设定,而关于CSS对于<font>内容</font>的延伸规格让我们可以对字型的有更详细的设定。对于字型的设定: font-family:字型名...

HTML对于<font>内容</font>卷标只有: <font color=colorvalue size=fontsize face=字型></font>这3种设定,而关于CSS对于<font>内容</font>的延伸规格让我们可以对字型的有更详细的设定。对于字型的设定: font-family:字型名称1,字型名称3,字型名称3等等。显示字型的优先级,若计算机中有安装该字型,便以该字型显示。如果你所设定的字型,client的计算机全部都没有安装,便会已浏览器预设的字型显示:font-size:18pt|120%|xx-small|s-small|small|medium|large|x-large|xx-large 

  对于字体大小的定义严格来说有2种方式: 

  1、绝对 
  如:pt;in 这些大小是固定的,不会因分辨率而改变.. 

  2、相对 
  如: px;em;% 这些会随着分辨率与目前字号而改变... 

  font-style:normal|italic|oblique 
  斜体 
  font-weight:normal|bold|lighter|bolder|100-900 
  字体粗细 
  font-variant:normal|small-caps 
  英文小写转字体较小的大写 

  关于以上这些的应用,可以用[CSS套入]的任何一种方式.. 
举个例: 

以下是引用片段:
<html>  
<head>  
<title></title>  
<style>  
span {font-size:20pt;  
font-color:purple;  
font-variant:small=caps;  
}  
</style>  
</head>  
<body>  
<span>Dhtml&Asp</span>  
</body>  
</html>  


  这样子显示的字体便会为20pt大小、紫色、英文小写转成较小的大写了。或者也可以这样设定: 

以下是引用片段:
<html>  
<head>  
<title></title>  
</head>  
<body>  
<span >Dhtml&Asp</span>  
</body>  
</html>
这样子显示的字体同样也是20pt大小、紫色、英文小写转成较小的大写了。

    
 
 

您可能感兴趣的文章:

  • PHP去除html标签,php标记及css样式代码参考
  • jQuery CSS()方法改变现有的CSS样式
  • Web前端开发如何利用css样式来控制Html中的h1/h2/h3标签不换行
  • jquery css方法改变css样式用法介绍
  • HTML如何使用各种CSS 样式
  • 解决ie动态修改link样式,import css不刷新的问题
  • jsp页面中插入css样式的三种方法总结
  • 批量修改标签css样式以input标签为例
  • 移动 Web 的 CSS 样式工具库 Rider
  • CSS注释、命名、继承性、样式排序等CSS技巧的小结
  • 字符不会撑大表格的常见css样式
  • asp.net不影响CSS样式的弹出对话框
  • jquery实现不同大小浏览器使用不同的css样式表的方法
  • CSS样式表规划与管理的经验总结
  • 引入CSS样式的五种方式
  • JQuery中操作Css样式的方法
  • 网页编辑中CSS样式表技巧总结
  • 详谈 CSS样式表使用:链接/嵌入
  • jQuery操作元素css样式的三种方法
  • jQuery操作元素css样式三种方法示例
  • jquery操作css样式表文件的方法详解
  • CSS设置网页的字体 防浏览器浏览页面字体变形
  • 让用户自己控制网页字体的大小的css书写方法
  • 深入探讨CSS中字体元素
  • CSS 中关于字体处理效果的思考
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • CSS控制长文本内容显示(截取的地方用省略号代替)
  • jquery控制css display属性(控制元素显示与隐藏)
  • CSS控制图片大小-适应宽度
  • jquery控制css的display属性(显示与隐藏)
  • 用css来控制图片大小显示的实现方法与代码
  • css pointer控制在firefox下显示手型的代码
  • jquery控制css元素的display(显示与隐藏)属性
  • asp.net css控制打印功能的方法分享
  • 用CSS来控制图片显示大小的代码
  • css Hspace 和vspace的图片控制实例
  • CSS控制文本自动换行的问题
  • CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]
  • 利用CSS控制SELECT中的OPTION是否不允许选
  • CSS也能控制表格的交替颜色
  • 用CSS控制的闪烁效果
  • 用js控制css的不错的方法
  • 用CSS动态控制文本属性
  • 用CSS控制表格或单元格强制换行,防止表格被英文单词或中文撑大
  • java命名空间javax.swing.text.html类css的类成员方法: css定义及介绍
  • <!--@import"css/cssset/.css-->,css/cssset/.css是什么意思?
  • java命名空间javax.swing.text.html类css的类成员方法: getattribute定义及介绍
  • CSS预处理器 Less CSS
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: font定义及介绍
  • css强制换行 css强制不换行的css方法
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: margin定义及介绍
  • CSS代码格式化 CSS Beautify
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: padding定义及介绍
  • jquery css类用法(添加、修改与删除css)
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: border定义及介绍
  • CSS 框架 Simpl.css
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: clear定义及介绍


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3