【JavaWeb】快速学习HTML

这是自己的笔记，可能写的很潦草

---

HTML（网页结构）

• 不区分大小写、属性部分使用单双引号都可以、语法不严谨；

CSS（网页表现）

• 行内样式，在标签中；内嵌样式，在head标签中；外联样式：通过link标签引入；

---

css 选择器

• 用来选取需要设置样式的元素（标签）

1. 元素选择器：根据标签的名字
2. id选择器：为标签指定一个id = " " ; #id(id不可重复)
3. 类选择器：class=" "; .class后的名字
4. 三个同时存在优先级：id > 类 > 元素

css布局

• 盒子模型

1. 内容区域（content）、内边距区域（padding）、边框区域（border）、外边距区域（margin）
2. 盒子模型：包含的区域其实是border标签及以内的区域

html标签：

// 没有语义标签（布局标签）

1. 一行只能显示一个（独占一行）
2. 宽度是默认父元素的宽度、高度是由内容撑开的
3. 可设置（width、height）

// 没有语义标签（布局标签）

1. 一行可以显示多个
2. 宽度和和高度默认由内容撑开
3. 不可设置（width、height）

//图片

---

// 线

// 样式引入标签

// 段落标签

// 换行标签

/ // 文本加粗标签

css样式：

color // 字体颜色

font-size // 字体大小

text-decoration // 文本样式（是否有下划线） 

text-indent // 首行缩进

text-align // 对齐方式

line-height // 行高

box-sizing //盒子大小（是否包括border以内的内容）

padding: px px px px // 内边距大小设置：

border：px //上 右 下 左(相同)