QQ空间布局等注意事项-2018年5月16

常用的html元素

div table p img form ul li span a button input textarea h1~6 i (表示小图标)

常用的css属性

position margin padding float border color background width height font line_height font-family font-weight border-radius border-shadow border    text-decoration list-style

前端部分

1，页面结构：header    content    footer   

2，分模块些页面框架中，可以先用颜色区块划分

    下载https://v3.bootcss.com/getting-started/#download  bootstrap框架进行辅助设计，注意不修改动源码，以后设计的时候可能会出现故障，引入bootstrapmin.css，需要用到container里，后期还会使用bootstrap的组件等

    下载 font-awesome 图标库  http://www.fontawesome.com.cn/faicons/  ，并引入到html 中，小图标可以直接进行引入，

    最后引入自己的.css文件，因为样式引入也有优先级关系             QQ空间图片可以通过审查元素右键url得到png图，再通过background-position 进行定位获取。            取色可以用截图rbg参数

3，css格式写法，单个css尽量写一行，同块元素尽量放一块

4，bootstrap col-md-4 主体左边      col-md-8 布局主体右边

5，留言板需要用clear:both 进行样式清除，ul列表进行选项布局

大概练五遍QQ空间html+css就可以出师，能一天做一个空间页面，再仿几个其他空间页面，及做做其他电商页面，二线城市大概可以get到5-6k的价位。