CSS第五天——学成在线

1、html和css分离

2、CSS书写属性（重点）

 3、先确定版心，确定页面行模块中的列模块、先确定每个列的大小之后确定列的位置。先结构后样式。

4、导航烂中的链接在实际开发中不会直接用li，而是用li包含a的做法。

5、导航栏上的文字个数不一样，应该用padding来撑开每个盒子的宽度。

自己写的时候不熟练的地方：

• 虽然我们前面学过行内块（inline-block） 但是他却有自己的缺陷：

它可以实现多个元素一行显示，但是中间会有空白缝隙，不能满足以上第一个问题。

它不能实现以上第二个问题，盒子左右对齐，因此要用浮动。

• input 表单部分不熟悉，需要练习，button不熟悉。
• 行内块中间默认有缝隙，所以搜索的按钮会掉下去！解决办法是把border设置为0
• background：

    - 通过该属性可以同时设置所有背景相关的样式

    - 没有顺序的要求，谁在前谁在后都行，也没有数量的要求，不写的样式就使用默认值

    -background-size要写在background-position后面

• 在搭建结构的时候一定要记住：

1. 一行中分为多个部分，首先想到浮动，如果是是类似模块就要想到用li。
2. 要熟记img、a、input、span是行内元素；li是块级元素。

碎碎念：老天奶啊，这个小练习墨迹了三天，中间确实还干别的了。写的时候确实是自己对固定的结构还不敏感不熟悉。哎。。。。 

为啥我用了老师的那个清除浮动的方法根本不好使啊，有兄弟知道吗