head first html与css学习笔记(一)

增加字体和颜色样式

1.font-family字体font-weight粗细font-size字体大小font-style字体样式color字体颜色text-decoration文本装饰

2.font-family是一组有共同特征的字体。

3.用于web的字体系列包括serif,sans-serif,monospace,cursive,fantasy.serif和sans-serif字体最为常用。

4.在font-family属性中应指定候选字体,以防用户没有安装你的首选字体。

5.最后一个字体要指定为一个通用字体。如serif,san-serif

6.web字体属性:@font-face

7.字体大小通常使用px,em,百分数,关键字指定

8.px表示字体大小就是在告诉浏览器字母高度是多少像素。

9.em和百分数是相对字体大小,都是相对于其父元素的字体大小指定。

10.使用相对字体大小有利于网站维护。

11.在body规则中使用关键字来设置字体大小,这样如果用户希望文本更大或者更小,所有浏览器就能按比例缩放字体。

12.可以使用font-weight属性设置文本为粗体。

13.font-style属性用于创建斜体或倾斜文本,斜体或倾斜文本是倾斜的。

14.web颜色是混合不同数量的RGB得到的。

15.R100G100B100=白色

16.R0G0B0=黑色

17.CSS有16个基本颜色以及150种拓展颜色。

18.颜色表示方法:百分数,数值,十六进制码。

19.表示颜色的十六进制码有6位,每一位取值为0~F,前两位表示红色数量,接下来两位表示绿色数量,最后两位表示蓝色数量。

20.可以使用text-decoration属性为文本创建一个下划线。有下划线的文本通常会被认为是链接文本,故应谨慎使用。





问题:

在使用web字体时浏览器不能正常显示。(显示为默认字体)

原因:我猜测是网络原因导致浏览器不能进入headfirst网站来下载所需字体,导致浏览器不能正常加载字体。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在你成为一名行家之后,阅读HTML书籍给你的唯一感受就是厌烦吗?那么现在就是你拿起《深入浅出HTMLCSS、XHTML》来真正学习HTML的时候了。这本书展示了学习创建符合工业标准的Web页面的完整历程——然而,除了阅读,你还会玩游戏、拼图、解谜题以及以你从未想象过的方式创建Web页面。并且,你还将学习HTML如何与CSS一起工作。哦,如果你从未听说过CSS,没关系——我们不会告诉其他人你仍然停留在上个世纪末,但是,如果你要创建本世纪的Web页面,那么,你应该了解和熟悉CSS。 《深入浅出HTMLCSS、XHTML》能让你避免认为Web-safe颜色还是紧要问题的尴尬,以及不明智地把标记放入你的页面。最大的好处是,你将毫无睡意地学习HTML、XHTMLCSS。如果你曾经读过深入浅出(Head First)系列图书中的任一本,就会知道书中展现的是什么:一个按人脑思维方式设计的丰富的可视化学习模式。本书的编写采用了许多最新的研究,包括神经生物学、认知科学以及学习理论,这使得本书能让HTMLCSS深深地烙印在你的脑海里。 学会创建Web页面的真正诀窍,并认识到为什么你的老板所说的关于HTML表格的一切都有可能是错误的(以及做什么来代替)。最重要的是,在鸡尾酒会上当你的同事随口提及他的HTML现在如何完整以及他的CSS是在外部样式表里时,你表示认同,这会给酒会客人留下深刻的印象。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值