CSS样式分为：内联式css样式、嵌入式css样式、外部式css样式。对CSS三种样式定义及其实例：内联式css样式。内联式css样式表就是把css代码直接写在现有的HTML标签中，如下面代码：这里文字是红色。
创新互联建站专注为客户提供全方位的互联网综合服务，包含不限于网站设计、网站制作、桂林网络推广、微信小程序开发、桂林网络营销、桂林企业策划、桂林品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联建站为所有大学生创业者提供桂林建站搭建服务，24小时服务热线：13518219792，官方网址：www.cdcxhl.com
CSS样式表可以分为外部样式表、内部样式表、内联样式。
CSS样式主要包含以下三种类型：行内样式（内嵌样式）：结构的内部，即写在标签内的样式；写在标签的开始部分内部，style属性当中。
外边距是盒子周围一圈看不到的空间。它会把其他元素从盒子旁边推开。 外边距属性值可以为正也可以为负。设置负值会导致和其他内容重叠。
css盒子模型概念CSS css盒子模型又称框模型 (Box Model) ，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。
盒子模型（p+CSS布局）是CSS的基石，它指定元素如何显示以及（在某种程度上）如何相互交互。 页面上的每个元素都被浏览器看成是一个矩形的盒子，这个盒子由元素的内容、填充、边框和边界组成。
标准盒子模型（Standard Box Model）标准盒子模型是CSS的默认盒子模型。在标准盒子模型中，一个元素的总宽度（width）和总高度（height）由内容区域（content）、内边距（padding）、边框（border）组成。
页面布局要学习三大核心： 盒子模型， 浮动 和 定位 .学习好盒子模型能非常好的帮助我们布局页面.网页布局过程：网页布局的核心本质： 就是利用 CSS 摆盒子 。
1、创建CSS样式表有三种方式：元素内嵌样式；文档内嵌样式；外部引入样式。元素内嵌样式 这是一段文本 解释：即在当前元素使用style属性的声明方式。
2、在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 标签链接到样式表。 标签在（文档的）头部：浏览器会从文件 mystyle.css 中读到样式声明，并根据它来格式文档。
3、CSS帮助您将文档信息的内容和如何展现它的细节相分离创建html文档 创建样式表 在与前面相同的目录中，新建另一个文本文件。该文件将成为您的样式表。
?图片的地址】；最后把html文件拖到浏览器中即可。2、在代码中经常用到的插入图片代码是img属性，格式就是src后面是添加图片的地址，后面的alt是对图片的描述。在插入图片前，要将html文件和图片文件放在一个文件夹内，这里的img文件夹就是专门存放图片的地方。
3、插入背景图片有两种方法，一种是用html的img标签，另一种是利用css的background标签插入。
4、添加img 标签，资源“src”里面填写本地图片的路径名：用浏览器打开文件，即可看到图片已添加成功，如下图所示 img标签定义及使用说明：img 标签定义 HTML 页面中的图像。
5、首先，打开html编辑器，新建一个html文件，例如：index.html。其次，在index.html中的body标签中，输入css样式代码：style=background-size：100%background： url(image.jpg)；。