整个前端开发的工作流程
产品经理提出项目需求
UI出设计稿
前端人员负责开发静态页面(跟前端同步的后台人员在准备数据)
前后台的交互
-
测试
立即学习“前端免费学习笔记（深入）”；
产品上线(后期项目维护)
互联网原理
当用户在浏览器输入网址的时候，就会发送到对应的服务器，请求该网址对应的网页信息
服务器会把该网址对应的网页资源，都下载到你电脑的临时文件夹
临时文件夹中的资源，通过浏览器显示出来(所以，我们第二次请求网站的时候，速度会快很多)
元素
行内元素：一行中有n多个行内元素，行内元素不能设置宽和高
块元素：一个块元素，独自占一行；
行内块元素：一行中可以有多个行内块元素，但是可以设置宽和高
html骨架结构
!DOCTYPE..文档声明头(html5,html4.01,XHTML)
在html4.01和XHTML中各有3个小规范
strict 严谨的
transitional 普通的
frameset 框架
html：超文本标记语言；里面用的都是"标签对儿"
head
meta（charset:UTF-8,GB2312）
(以上两个meta都是为了SEO优化)页面的标题
body
标题
段落 p:虽然p是块元素，但是他里面放的也是图片，文字；
span:里面用来放文本：图片，文字；
-
css：写在
里面
-
样式的基本语法：
选择器(div){
key:value
}p{ height:40px; line-height:40px; background-color:red; } 选择器：
标签选择器：div,h,p,a,img,span
class选择器:.xinxi
(千万不要用汉字和数字开头做为class名，一定要用英文)
html更多解读
html只考虑标签嵌套，跟tab和空格无关，无数个空格，也只算作一个
图片标签
-
无序列表:无序列表中的li也是容器；
-
有序列表
-
定义列表：dl,dt,dd都是容器
- 表头
- 详情介绍
列表
表单
设置样式(不建议)
在JS阶段，用来获取元素
id配合a链接，进行锚点设置；
留言框：
按钮
普通按钮 type=button
提交按钮 type=submit
重置按钮 type=reset
选择器
标签选择器：div h1~h6 p span a img ul li ol dl dt dd input select
添加一个小icon的步骤：
到官网上去取图片（以京东为例）：
把以上图片另存为，存到电脑中
注意：把icon图标放到文件夹的"根目录"；
在html页面中加入：
