为什么看这本书
听说这本书的评分度不错,以及巩固学点html和css的知识。现在对前框的东西都是以业务目的,为实现功能而完成的,但是对理论基础很差,很多东西并不能像期望的完成,特别是在页面布局和css使用层面,从来没有系统的学过,都是面向搜索来编程的。所以,就想找本前端的书来看看。
目录
HTML:
- html 中的常见标签
- 文件路径
- 字符转义
- 块级元素内联元素
- 域名
- FTP
- HTML 标准的变化
- html 标准校验工具(validator.w3.org/)
- 字符集(www.w3.org/Internation…
- html 5
- 表格
- 表单
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 表示右边不允许有浮动元素,避免重叠。