1. 盒子模型（Box Model）所谓盒子模型：就是把HTML页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。盒子模型有元素的内容、边框（border）、内边距（padding）、和外边距（margin）组成。盒子外面的文字和图片等元素是 内容区域盒子的厚度 咱们成为 盒子的边框盒子内容与边框的间隔是内边距（相似单…

1. 引入CSS样式表 {代码…} 1.1 行内式（内联款式）概念：​ 称行内款式、行间款式.​ 是通过标签的style属性来设置元素的款式其根本语法格局如下： {代码…} 实际上任何HTML标签都领有style属性，用来设置行内式。案例： {代码…} 留神：style其实就是标签的属性款式属性和值两头是:多组属性值之间用;隔开。只能管制当…

{代码…}

1.蓝色主题 {代码…}

11、界面款式常见的界面款式：更改用户的鼠标样式表单轮廓避免表单域的拖拽解决图片或表单问题溢出操作11.1 鼠标款式 cursor {代码…} 设置在对象上挪动时的鼠标款式：default：小白（默认）pointer：小手`move：：挪动text：文本not-allowed：禁止11.2 轮廓线 outline给表单增加 outline:0 或 outline:onne 款式后，就…

1、CSS 是什么即层叠样式表，HTML负责构造，而CSS则丑化HTML，增加各种款式如：宽高距离、大小色彩、动画及其他装璜成果2、引入形式引入形式共有三种：行内款式：写在标签元素外面，以 style=”” 模式，优先级最高（不举荐，显得太过于简单）内联款式：写在 <style></style> 这对标签中，款式少的话间接写在…

{代码…}

为了创立一个线性突变，你须要设置一个起始点和一个方向（指定为一个角度）的突变成果。你还要定义终止色。终止色就是你想让Gecko去平滑的过渡，并且你必须指定至多两种，当然也会能够指定更多的色彩去创立更简单的突变成果。

给元素退出以下款式： {代码…} 此外，还要留神给元素加上宽度： {代码…} 这样，元素中的文字在超过100px时，就会主动显示省略号

1.大小不一的小圆形加载 {代码…} 成果：2.水波loading思维：使用旋转动画和radius属性即可实现：去掉彩色背景： {代码…} 3.一般的loading {代码…} 4.正方形loading： {代码…} 5.穿插loading： {代码…}