(3)CSS指定文本字体、加粗、倾斜、大小写等
来源:互联网 发布:电脑如何装mac系统 编辑:程序博客网 时间:2024/06/07 14:28
本文讲述的主要讲述文档的字体及其外观属性(包括字型,字号,粗体,斜体等属性)
(1)font-family:指定字体
实例如下:font-family: times, "times new roman", serif; 。
可以指定字体列表,如果用户的 计算机上没有安装第一种字型,则浏览器会尝试使用第二个,不同字型之间使用逗号分隔,如果字型名包含空格,则应包含在双引号内。字型列表的最后都是所谓的通用通用字体组,因为每个计算机都会有一个和通用字体组对应的字体。通用字体组包括(serif,sans-serif,monospace,cursive,fantasy)
(2)font-size:指定字体大小
如: font-size:12px。 其单位可以有px,em,ex等等。
也可以是绝对大小: font-size:xx-small x-small small medium large x-large xx-large
(3)font-weight: 指定字体粗细
对于粗细的设置,浏览器并不是寻找字型的粗体版本,而是通过一种算法来改变普通字体的宽度。
font-weight的可能取值包括:normal bold bolder lighter 100 200 300 400 500 600 700 800 900
(4)font-style: 指定文本斜体显示
可能取值有:normal,italic,oblique
斜体(italic)是一种简单的字体风格,对每个字母的结构有一些小改动,来反映变化的外观。与此不同,倾斜(oblique)文本则是正常竖直文本的一个倾斜版本。
(5)font-variant:以小型大写字体或者正常字体显示文本
可能取值有:normal和small-caps
给出测试代码CSS:
p.one {font-family: Georgia, verdana, sans-serif;font-size: 12px;font-weight: lighter;font-style: normal;font-variant: normal;}p.two {font-family: times, "times new roman", serif;font-size: 15px;font-weight: normal;font-style: italic;font-variant: small-caps;}p.three {font-family: courier, "courier new", monospace;font-size: 18px;font-weight: bold;font-style: oblique;font-variant: normal;}p.four {font-family: courier, "courier new", monospace;font-size: 21px;font-weight: bolder;font-style: normal;font-variant: small-caps;}
HTML:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"><html><head><meta charset="utf-8" /> <base href="/testsmarty/templates/"></base><title>文本字体控制</title><link rel="stylesheet" type="text/css" href="text1.css"></head><body><p class="one">测试用,第一段. abcdefg</p><p class="two">测试用,第二段. abcdefg</p><p class="three">测试用,第三段. abcdefg</p><p class="four">测试用,第四段. abcdefg</p></div></body></html>
效果图:
- (3)CSS指定文本字体、加粗、倾斜、大小写等
- ios 字体类型设置 倾斜加粗等
- ios 学习之 字体类型设置 倾斜加粗等
- ios 自定义字体类型设置 倾斜加粗等
- CSS:字体样式(字体系列、大小、加粗、风格、变形等)
- Lable 中 text字体 加粗 和 字体加粗并倾斜
- CSS属性---字体加粗
- CSS字体加粗总结
- css字体加粗
- coreldraw X5字体加粗和倾斜
- CSS:字体倾斜
- Qt学习笔记之文本编辑器实现加粗、倾斜、下划线、字体、居中对齐、左对齐、右对齐
- UIFont 字体(加粗)
- UILabel字体加粗与倾斜--iOS开发
- String.xml(加粗,下划线,倾斜,换行)
- UILabel字体加粗等属性和特效
- ios设置字体-黑体,加粗等
- UILabel字体加粗等属性和特效
- POJ 1456 Supermarket
- 写一个求x、y的平方和的平方根的函数,并在main中执行
- How to identify video formats from command line on Linux
- pcduino lite wifi联网--工具准备,热身。
- ArcGIS 10.1 for Server 如何使用10或者之前的切片
- (3)CSS指定文本字体、加粗、倾斜、大小写等
- 【LeetCode】Swap Nodes in Pairs & Reverse Nodes in k-Group
- How to check graphics card on Linux
- Play the Dice hdu 4586 数学期望的问题
- Previous Permutation
- 采用Keepalived实现Redis双机高可用
- How to clean up disk space on Linux
- android 连续两次点击返回键 退出程序
- python简明教程