web前端：HTML / CSS / JS
HTML：超文本标记语言
标记分类
- 单标记: <br>
- 双标记: <h1>一号标题</h2>
元素可分为块级元素和行内元素
- 块级元素：必须占整行, h1 - h6 / p / div / ul / ol / table
- 行内元素：不会产生新行, b / i / s /
CSS
- 层叠样式表/级联样式表
CSS构成
- 选择器：用于找到待设置样式的内容
- 样式声明：设置成什么样的样式
CSS样式表的特征
- 继承性：子元素可以继承父元素的样式
- 层叠性：元素可以属于多个选择器，所有选择器的样式进行叠加
- 优先性：如果多个选择器对同一元素设置冲突，优先级最高的生效。
选择器
- 通用选择器：*，匹配所有元素，用于设置通用样式
- 元素选择器：html的元素作为选择器
- 类选择器：可以理解为分组
- id选择器：选取唯一的元素
- 群组选择器：逗号分开的一组选择器，集中设置样式
- 伪类选择器：通常为a标记设置访问前、鼠标悬停、访问后的样式
W3school：https://www.w3school.com.cn/
颜色
RGB颜色：
- Red：红色
- Green：绿色
- Blue：蓝色
- 每种颜色用一个字节来表示，10进制数是0－255，16进制是00-ff。数值越小，表示颜色越暗，值越大表示颜色越亮
框模型 / 盒子模型
- 在CSS中，一切皆框
- 框模型需要设置的宽高
- 元素
- 内边距padding
- 边框border
- 外边距margin
bootstrap
- twitter公司的开源前端框架
- 相当于是一个大样式表文件
- 包含了样式表、js等
bootstrap的颜色
- primary：首要蓝
- info: 信息蓝
- success: 成功绿
- danger: 危险红
- warning: 警告黄
- muted: 柔和灰
表单控件
- 为了更好的间距，将各控制分别放到form-group中
- 文本类型的控件，class设置为form-control
栅格系统
- 实现布局
- 最外层的div类需要设置为container
- 栅格系统将屏幕最多分为12列，设置一个div可以占多少列
- 每个div需要包含在class为row的div中
↓↓↓↓↓↓
最近刚申请了个微信公众号，上面也会分享一些运维知识，大家点点发财手关注一波，感谢大家。 【原创公众号】：非著名运维 【福利】：公众号回复 “资料” 送运维自学资料大礼包哦！
如果你觉得这篇文章还不错，就请动动你的发财手为本文留个言，点个在看，或者转发一下吧，因为这将是我持续输出更多优质文章的最强动力！
