《Head fisrt Html与css》读书笔记

283 阅读2分钟

为什么看这本书

听说这本书的评分度不错,以及巩固学点html和css的知识。现在对前框的东西都是以业务目的,为实现功能而完成的,但是对理论基础很差,很多东西并不能像期望的完成,特别是在页面布局和css使用层面,从来没有系统的学过,都是面向搜索来编程的。所以,就想找本前端的书来看看。

目录

HTML:

CSS:

  • CSS 的加入方式
  • 选择器
  • CSS 验证(jigsaw.w3.org/css-validat…
  • 字体(web font)
  • 常见属性
  • 颜色
  • 盒子模型
  • 浮动
  • 定位
  • 两栏布局的多种实现

整体感受

第一次看Head first系列的书,果然是适合入门级的,用简单的对话的形式向读者展示html和css的用法。fisrt of html系列的书的表达方式声称能尽可能的让大脑活动起来,多插入图片,用会话的方式来让人跟上注意力。不过书中介绍都是入门级的知识,整体翻下来也很粗略,浅显易懂,这种东西不用起来永远都记不住,所以熟悉html的建议直接看w3cshool 的一些语法介绍,干巴巴的都是干货。

一点笔记

  • 1、在段落p标签中用q标签表示双引号,意义代表是引用的文字,可以在p标签内添加style样式。另外一个孪生兄弟blockquote元素跟着很类似,q一般引用短的文字,而blockquote引用长的文字,它是块元素,且会分段。

  • 2、块元素例如h,p,blockquote等特立独行;内联元素a,q随波逐流,一般网页设计先从块元素入手,然后在完善页面的时候加入内联元素。

  • 3、在a标签内增加一个target属性,可以告诉浏览器你要打开的窗口名,如果另target=_black,浏览器就总是打开一个新窗口显示页面。

  • 4、背景图片:backgroud-repeat ,默认是repeat,背景图片会平铺整个背景空间,用no-repeat表示图像只显示一次,不重复。repeat-x 图像只在水平方向上重复、repeat-y只在垂直方向在重复,inherit按父元素的设置来处理。

  • 5、clear属性会解决浮动元素:clear:right 表示右边不允许有浮动元素,避免重叠。