实习培训记录2-HTML（CSS）

CSS Cascading Style Sheets
级联样式表，用于对HTML页面进行美化修饰，甚至可以实现页面的动画效果

基本使用方式：
页面中内嵌< style >< /style >

样式的编写格式：
选择器{ 样式属性: 样式值;样式属性: 样式值; … }

选择器 用于对需要作用样式的标签进行的筛选。

选择器的分类：
①标签选择器
②类选择器
③ID选择器
④伪类选择器

①标签选择器，用于对页面指定名称的所有标签都生效样式的选择器。
②类选择器，是相对灵活的选择器，通过对样式进行定义，并借助于标签的class属性对定义好的样式进行调用，因此类选择器可以对样式进行复用。

（使用ctrl+shift+c弹出取色器）

当有多个选择器对同一个标签作用时，多个选择器的样式都会生效；如果样式的属性发生了重叠，则将根据选择器的优先级进行覆盖。

每个标签都可以设置一个id属性，id具备唯一性，能够唯一地标识页面中的某个标签；
ID选择器，根据标签的id进行筛选，找到该唯一标签后生效样式。

样式的使用方式一共有3种：
①内嵌式样式 ： 在页面中嵌入style 标签。
②外部样式表： 需要单独编写css文件，在页面中通过link标签导入css样式文件。
③行内样式： 在标签的style属性编写样式，一般用于测试。

优先级：行内样式 > ID样式 > 类样式 > 标签样式

边框样式的设置包含以下属性：
Border-style 边框线的样式
Border-color 边框的颜色
Border-width 边框的宽度（粗细）

HTML页面中的每个标签都会占据一定的空间，在这个过程中标签与标签，标签与内容都可以进行设置，这些相应内容的设置称为盒子模型。
盒子模型即用来定义每个标签在页面中的布局结构的。