学习HTML的笔记

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

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

框架

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

CSS 又称层叠样式表

1. 内联(行间)样式表 在标签内部书写 优点：优先级非常高 缺点： 代码非常多，维护非常困难 使用场景：针对个别特殊的进行修饰
2. 内部样式表： head 标签的内部用<style></style> 优点： 一定程度上实线代码和样式的分离，速度块，没有额外的服务器的请求压力 缺点：造成单个页面体积过大 代码较乱，前后端沟通困难 使用场景： 大型网站的首页
3. 外部样式表：head标签的内部 用<link rel = "stylesheet" type = "text/css" href = "文件路径"> 优点： 复用性强，一个样式表可用于多个页面 ，维护方便，便于改变，代码简洁，易于分工协作 缺点：容易混淆，会有垃圾代码，会造成服务器请求压力 使用场景： 公共样式的设计，大型网站的二三级页面 引入方式的优先级问题 内联>内部？外部 如果优先级相同，谁后加载谁生效 如果优先级不同，优先级高度生效

CSS 选择器（重要）

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

背景

1. 背景颜色 background-color

1. 设置背景图片 我直接用背景的复合写法吧

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

border边框

边框常用的样式：

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

拓展样式

---

---

---