107 lines
2.2 KiB
Plaintext
107 lines
2.2 KiB
Plaintext
|
||
|
||
web 前端开发
|
||
|
||
|
||
web
|
||
|
||
前端
|
||
|
||
|
||
html 人的骨骼 画结构
|
||
一种标签标记语言（超本文）
|
||
|
||
标签: 一组具有特殊功能的单词
|
||
<标签名 开始></标签名 结束>
|
||
|
||
html
|
||
|
||
head 头 这里面的代码是给浏览器看的，完成某些操作、
|
||
title 设置标题
|
||
meta 元数据
|
||
|
||
标签的分类：
|
||
|
||
块标签：可以独占一行的标签
|
||
可以通过css设置 宽高
|
||
|
||
div h1 ~ h6, ul li , p
|
||
|
||
行标签：不可以独占一行的标签
|
||
不可以通过css设置 宽高
|
||
|
||
a span img
|
||
|
||
|
||
作用：为了实现网页的布局
|
||
|
||
|
||
body 身体 用户可视区域
|
||
|
||
div 实现网页结构的划分。
|
||
|
||
结构划分要点：
|
||
|
||
网页最基本的结构：
|
||
header
|
||
content
|
||
footer
|
||
|
||
其次：
|
||
宽度满屏的单独用div画一个，一般在header里面
|
||
一般菜单 和 logo 都在 header里面
|
||
|
||
很多宽度都一致的放content
|
||
重复性布局 用 ul，被重复项 放 li 标签里面
|
||
还可以按照颜色，分割线，布局来划分结构
|
||
一个功能模块的应该放在一个div内部 （ 多个 布局 在一行，一定要在外层套父div）
|
||
如果div内部只有一个标签，那么div可以不写
|
||
|
||
|
||
|
||
结构学习重点：
|
||
1：先把网站用截图的方式，画出结构图
|
||
2：在结构图合理没问题的情况下，参考自己的结构图（分屏，左边放图，右边放编辑器）
|
||
去写代码实现布局，实现布局的时候参考上面的 【结构划分要点】
|
||
3：写完后，再想一遍结构，加深自己的印象
|
||
|
||
|
||
px 像素
|
||
rem vw vh
|
||
|
||
css 人的外观（化妆品）
|
||
层叠样式表
|
||
|
||
javascript（js） 人的思想
|
||
运行在浏览器上的脚本 编程语言
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
1 原生js + jq
|
||
|
||
|
||
2 过渡阶段 mvc
|
||
|
||
|
||
3 mvvm
|
||
|
||
三个阶段
|
||
|
||
|
||
后端
|
||
|
||
|
||
数据库
|
||
|
||
|
||
|
||
|
||
html4
|
||
|
||
|
||
html5 |