Head first html and css学习笔记6

第10章讲了将页面块元素按逻辑规划划分的<div>，将同类的内联元素划分的<span>，以及可以为元素各个状态指定样式的伪类，伪类常用于<a>元素，:link对应未访问的链接，:visited对应已访问的链接，:hover对应悬停状态，还有:active、:focus、:fisrt-child和last-child等伪类。层叠的含义，以及选择器的特定性的计算。设置CSS属性的快捷方式（如一次指定所有内边距padding）。

第11章布局与定位讲了html页面布局规则，浏览器从HTML文件最上面开始，从上到下沿着元素逐流（Flow）显示所遇到的各个元素。CSS布局策略包括：浮动布局（float）、凝胶布局(margin-left:auto; margin-right:auto)、绝对布局(position:absolute)、表格显示布局(<div>)。

第12章HTML5标记，把原来的<div>换成一些特定的元素，能够更明确地指示其中包含什么类型的内容，以及<video>元素，浏览器支持的视频格式。

选择器特定性计算，000，如果有id百位加1，如果有类、伪类，十位加1，包含元素名各位加1。

绝对定位元素可以分层放置。一个元素绝对定位时，会将它从页面正常流中删除，可以对任何元素指定绝对位置。

 /*绝对布局*/
#id_name {

    position: absolute;  /*默认static，其他值还有fixed、relative*/
    top: 1000px;
    right: 200px;
    width: 280px;
     

   }

将书后面的内容大致浏览了一遍。表单实际上是一个包含输入域的web页面。<form>的action属性包含服务器脚本url。表单每一个输入控件都有Name属性，提交表单时，浏览器会使用这些唯一的名字打包所有数据，并用唯一的name属性作为数据的标签。表单传递参数的两中方法: 

1.get() 打包表单变量，但会把这些数据追加到url最后，然后向服务器发送一个请求；

2.post（） 打包表单变量，在后台发送数据到服务器。

最近有在开始看javascript的视频，DOM文本对象模型，其实个人的理解，js就是对HTML页面已有的一些元素进行的操作，动态交互，学习js会涉及到元素的属性。还有，CSS技术其实是在js技术以后才有的。看js的视频还会对HTML和CSS进行复习，近期我可能不会再继续看Head first for html and css的书了，书讲的很好，但是CSS的部分容易忘记，要多加运用才行。但是现在我们所使用的框架，已经封装好了css文件，直接调用就行，所以涉及到CSS的内容不是很多，当然CSS还是必须要了解的，因为js的学习会涉及到。Head first for html and css这本书确实不错，从基础一点点深入，但是那种拼命记很多CSS规则，然后学到后面又有了简写的办法我不太喜欢，可能我个人太急功近利，我觉得可以直接写快捷写法，学起来不会学了后面的想把前面的丢掉。我现在还只是完整的粗略看了一编全书，有机会还可以总结一些，深入一下，更新一下，尤其是再看了js以后，需要在HTML和CSS中注意的地方。这本书还有个优点就是它没有讲老旧的html结构和样式混杂的那种设定方式，我之前在菜鸟教程看过一点HTML，一开始讲了那种布局和样式没有分开的非常老旧已经淘汰的HTML标准，后面的章节又告诉你这些指定方法已经不推荐，我心里很无语。所以这本书在紧跟新标准方面做的非常出色，你也会乐于学习。