学习HTML的笔记

不知不觉我已经踏上了这条程序猿的不归路，从最基础的HTML标签开始学习，道阻且艰。谨用来记录这些

即使敌众我寡，末将亦能万军丛中取敌将首级！

框架

1. 公司开发流程
   产品需求： 由产品经理给出 注意 最好要有文档
   产品设计： 视觉设计师 和 交互设计师
   前端开发：
   后台开发：
   测试：
   上线运营：
2. 前端的三要素
   HTML 结构
   CSS 行为
   JS 样式

HTML的基本结构我就不说了

---

CSS 又称层叠样式表

1. 内联(行间)样式表 在标签内部书写
   优点：优先级非常高
   缺点： 代码非常多，维护非常困难
   使用场景：针对个别特殊的进行修饰
2. 内部样式表： head 标签的内部用
   优点： 一定程度上实线代码和样式的分离，速度块，没有额外的服务器的请求压力
   缺点：造成单个页面体积过大 代码较乱，前后端沟通困难
   使用场景： 大型网站的首页
3. 外部样式表：head标签的内部 用
   优点： 复用性强，一个样式表可用于多个页面 ，维护方便，便于改变，代码简洁，易于分工协作
   缺点：容易混淆，会有垃圾代码，会造成服务器请求压力
   使用场景： 公共样式的设计，大型网站的二三级页面

引入方式的优先级问题 内联>内部？外部
如果优先级相同，谁后加载谁生效
如果优先级不同，优先级高度生效

CSS 选择器（重要）

1. 标签名选择器 标签名称 + {}
2. 类(class)选择器 . + class 名称 + {}
3. ID选择器 # + ID名称 + {}
   优先级问题： ID > class >标签名

背景

1. 背景颜色 background-color
   
   
2. 设置背景图片
   我直接用背景的复合写法吧

记得还有个坑大家千万不要踩

border边框

边框常用的样式：

• solid 实线
• double 双实线 如果为1px显示为一条实线
• dashed 虚线 在大多数浏览器里显示为实线
• dotted 点状线 在大多数浏览器里显示为实线

拓展样式

---