不知不觉我已经踏上了这条程序猿的不归路，从最基础的HTML标签开始学习，道阻且艰。谨用简书来记录这些
即使敌众我寡，末将亦能万军丛中取敌将首级！
框架
- 公司开发流程
产品需求： 由产品经理给出 注意 最好要有文档
产品设计： 视觉设计师 和 交互设计师
前端开发：
后台开发：
测试：
上线运营： - 前端的三要素
HTML 结构
CSS 行为
JS 样式
HTML的基本结构我就不说了
CSS 又称层叠样式表
- 内联(行间)样式表 在标签内部书写
优点：优先级非常高
缺点： 代码非常多，维护非常困难
使用场景：针对个别特殊的进行修饰 - 内部样式表： head 标签的内部用<style></style>
优点： 一定程度上实线代码和样式的分离，速度块，没有额外的服务器的请求压力
缺点：造成单个页面体积过大 代码较乱，前后端沟通困难
使用场景： 大型网站的首页 - 外部样式表：head标签的内部 用<link rel = "stylesheet" type = "text/css" href = "文件路径">
优点： 复用性强，一个样式表可用于多个页面 ，维护方便，便于改变，代码简洁，易于分工协作
缺点：容易混淆，会有垃圾代码，会造成服务器请求压力
使用场景： 公共样式的设计，大型网站的二三级页面
引入方式的优先级问题 内联>内部？外部
如果优先级相同，谁后加载谁生效
如果优先级不同，优先级高度生效
CSS 选择器（重要）
- 标签名选择器 标签名称 + {}
- 类(class)选择器 . + class 名称 + {}
- ID选择器 # + ID名称 + {}
优先级问题： ID > class >标签名
背景
- 背景颜色 background-color
- 设置背景图片
我直接用背景的复合写法吧
记得还有个坑大家千万不要踩
border边框
边框常用的样式：
- solid 实线
- double 双实线 如果为1px显示为一条实线
- dashed 虚线 在大多数浏览器里显示为实线
- dotted 点状线 在大多数浏览器里显示为实线
拓展样式
