css新手上路(4)

2016-01-29 12:05 0 1 收藏

css新手上路(4), css新手上路(4)

【 tulaoshi.com - Html 】

这一节我们将讨论如何用 CSS 来控制元素中字体的形状, 大
小, 风格.

字形
CSS 用来控制字形的性质是 font-family. 你可以用它来决定任何一个元素中文字的字形. 比如

  P.v {font-family: Verdana}
  H2.a {font-family: arial}
This H2's font is "Times New Roman"
This paragraph is using "Verdana" font



有的时候, 你所给的字体浏览器不见得有,你可以多给几种比如

  P {font-family: Verdana, Forte, "Times New Roman"}
上面这个定义可以使得浏览器先用Verdana, 如果没有就用Forte...
记住每个字形之间要用逗号隔开.

大小
用来控制字体大小的性质是 font-size 比如

  P.f12 {font-size: 12pt}
  P.f18 {font-size: 18pt}
This paragraph's font is 12pt

This paragraph's font is 18pt



你可以自己慢慢调整字体的大小直到满意为止. 一般来说, 字
体的大小没什么限制, 但 500 以下比较安全.

斜体
如果想让字体成为斜体, 要用 font-style 性质, 比如

  P {font-style: italic}
This paragraph's font is italic



加重
用 font-weight 来调节文字的粗细, 比如

  P.bold {font-weight: bold}
This paragraph's font is normal

This paragraph's font is bold



font-style 的可能的值是 lighter, normal, bold, bolder

我们只介绍在 Netscape 和 IE 上都通用的性质. 下一节我们讨
论文字的定位.

来源:https://www.tulaoshi.com/n/20160129/1484587.html

延伸阅读
标签: Web开发
其他杂项 13.1 生成图像 PHP可以操作处理图像。如果你已经安装了GD库,你甚至可以利用PHP生成图像。 ?Header("Content-type: image/gif");$string=implode($argv," ");$im = imagecreatefromgif("images/button1.gif");$orange = ImageColorAllocate($im, 220, 210, 60);$px = (imagesx(...
标签: Web开发
7. 文件上传 你可以利用PHP实现文件的上传功能,注意客户端的浏览器应该是Netscape3以上或者IE3以上的版本。同时,因为本程序与你的PHP配置文件(PHP3为php3.ini,PHP4为php.in)设置有关。在执行该程序之前请先检查您的PHP配置文件有没有做好如下的设置: 将;upload_tmp_dir该行的注释符,即前面的分号;去掉,使该行在php.ini文...
标签: PHP
  建设一个简单交互的网站(六) 9. 简易banner动态更替   不知大家有没有发现各大站点上的标头广告banner,我们每次访问这些站点时,都会看到不同的广告图标,或者如果你每次刷新页面时,这些广告banner就会不断地随机更替变换。要实现这种效果虽然用javascript也可以达到(象天极网站的动态变换广告banner就是通过调用ja...
标签: 鸭子 生姜
卤鸭 1.鸭子洗干净,葱姜洗净 2.锅里放冷水,放几根葱,姜片,把鸭子放进去,开火煮.水滚后转小火,撇去浮沫,加料酒转中火煮15--20分钟,关火,把鸭子捞出,汤装出留用 3.洗净锅子,剩下的葱分两份,一份打葱结,和姜,桂皮一块,八角两个一起塞进鸭肚子,还有一份葱垫在锅底(防止煮的时候鸭子粘锅) 4.把鸭子放进锅里,把刚才的鸭汤倒...
标签: Web开发
简介 PHP是一种易于学习和使用的服务器端脚本语言。只需要很少的编程知识你就能使用PHP建立一个真正交互的WEB站点。本教程并不想让你完全了解这种语言,只是能使你尽快加入开发动态web站点的行列。我假定你有一些HTML(或者HTML编辑器)的基本知识和一些编程思想。 1.简介 PHP是能让你生成动态网页的工具之一。PHP代表:超...

经验教程

95

收藏

69
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部