对初学HTML和CSS的感悟+HTML和CSS基础整理

一、对初学HTML和CSS的感悟

三周的时间，初步学习了有关html+css的知识，感触颇多。原来对做网站的理解一直处于一种茫然的状态，通过一段时间详细的接触到html+css，从基础知识学起，利用空闲时间看书及有关html+css的入门教程，通过举一个例子，然后展示测试效果，让我有对样式表CSS有一个初步的印象，知道了CSS能做什么。知道了html与CSS的不同之处在哪里。
在些之前，我是从未接触过html+css的，在学习和不断的尝试中，不断的找出问题、理解怎么出错的，不断的再测试！
这样的学习和研究过程，让我体验到了许多次的付出与回报的乐趣，如：
第一：阅读一本书，一般来说我第一次要先把整个书通读一遍，不理解的也要往下看，因为在往下看的过程中也许会找到那个问题的答案，等看完后我会有一个大概的印象，但一定会有很多不明白的地方，没关系，继续往下看。
第二：就要边看边做学习笔记了，把认为是重点的部分记录下来，便于以后查阅；再者，把觉得有疑问的部分记下，带着疑问看下去，如果没有答案，上网查询或是问问学长学姐，解疑是提高知识最快的一种方式，有了疑惑才可能不断地提高。
第三：心态很重要，一定得静下心来学习，能不越过的看就不越过，要树立信心，坚持再坚持下去。
第四：希望自己回头看的时候发现一切都是顺理成章的事。因为努力了，努力了就会有回报，有结果。

学习永远没有终点，随着学习，知识不断提高，所接触的技术领域也随之扩大。坚持，坚持以任何一种方式学习，是一件十分快乐的事情。

以下对一些“基础基础基础”做一个简单的整理总结：

二、用div来控制布局

布局原则：从大到小、从上到下、从左到右

盒子模型：有宽（width）高（height），有边框（border）、有外边距（margin）、有内边距（padding）

浮动布局：div可以”飘“起来（float）、也可以清除浮动（clear）

三、用CSS来控制显示效果

段落控制

text-align 文本水平对齐设置
　　　　　　text-decoration 划线方式
　　　　　　letter-spacing 文本中单字的间隔
　　　　　　text-transform 大小写转换

文字控制

color 颜色设置
　　　　　　 font-style 斜体设置
　　　　　　 font-weight 文字粗细
　　　　　　 font-size 文字大小
　　　　　　 font-family 文字字体

背景控制

background-color 颜色
　　　　　　background-image 图片
　　　　　　background-repeat 图片平铺
　　　　　　background-attachment 滚动
　　　　　　background-position 图像在背景中的位置

CSS的引入方式
　　
　　页内style标签、外部CSS文件、行内style标签、import导入

四、html标签

无语义标签：div、span
有语义标签：
　　　　h1-h6 标题
　　　　p 段落
　　　　img 图片
　　　　a 超链接和锚点
　　　　ul 无序列表
　　　　ol 有序列表
　　　　table 表格