css样式分三种，内部样式，内联样式和外部样式。外部样式，顾名思义，也就是通过<link/>引入的css样式文件，而内部样式呢，主要是放在<style></style>中的样式，而内联样式，就是直接嵌入标签的，充当标签的一个属性，使用style='这里写样式'来实现。
他们的优先级是内联样式的优先级最高，其次判断内部和外部样式的优先级得看它们在html中出现的位置，一般来说，越靠后的优先级也就越高。
css是英文Cascading Style Sheets的缩写。
它是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
它包含3种类型，内部样式，行内样式和外部样式表三种
作用的效果是按顺序从下到上，相同样式下面的会覆盖原有样式，除特殊情况外，一般都是行内样式>内部样式>外部样式。
以div为例
行内样式写法：
在style里面写样式
<div style="height:30px; background:#f00;"></div>
内部样式：
在head标签内加入style标签，在标签内写样式：
<style>
div{height:30px; background:#f00;}
</style>
外部样式是建立一个新文件后缀名为.css
举个例子：
建立style.css文件放在项目根目录下：
在里面写入
div{height:30px; background:#f00;}
然后保存，在html的head标签内调用样式
<link rel="stylesheet" type="text/css" href="style.css"/>
排版设计有以下13种类型：骨骼型、满版型、上下分割型、左右分割型、中轴线、曲线型、倾斜型、对称型、重心型三角型、并置型、自由型、四角型。今天云天和大家分享一下常用的几种。
骨骼型
骨骼型是一种规范的理性的分割方法。常见的骨骼有竖向通栏、双栏、三栏、四栏和横向通栏、双栏、三栏和四栏等。一般以竖向分栏为多。在图片和文字的编排上则严格按照骨骼比例进行编排配置,给人以严谨、和谐、理性的美。
满版型
版面以图象充满整版，主要以图象为诉求，视觉传达直观而强烈。文字的配置压置在上下、左右或中部的图象上。满版型给人以大方、舒展的感觉，是商品广告常用的形式。
上下分割型
把整个版面分为上下两个部分，在上半部或下半部配置图片，另一部分则配置文案。上下部分配置的图片可以是-幅或多幅。
左右分割型
把整个版面分割为左右两个部分，分别在左或右配置文案。当左右两部分形成强弱对比时，则造成视觉的不平衡。也自然不如上下分割的视觉流程自然。不过，倘若将分割线虚化处理，或用文字进行左右重复或穿插，左右图文则变得自然和谐。
版式设计中，不管怎么排版，都是吸引用户视线的。想要吸引用户的眼球，那么就一定要有一处优势，不管是图片还是文字排版等各种方式，只要能吸引到用户就可以啦！
来是想写word排版制作和个人生产输出保护两个方面，写到后面保护那方面不想写了（手动捂脸），不是因为懒，绝对不是因为懒。
中间有些过程省略了，如果写的话会显得很冗长。
后面再看吧，如果有时间就补上，有新的东西再加上吧。
用word写东西是最常见的场景，生活中用word写写日记、记录心情等等，工作中用word汇报工作、编写报告等等。好的排版能让人心情愉悦，更能事半功倍。
一般经常写文档的人都会提前做好word模板，每次写文档用的时候把word模板拷贝过来，直接在里面写，这样就省去了调编号、样式、列表、目录、字体、段落、间隔、封面、页眉、页脚、节、边距等等。如果每写一次就调一次这些内容，那啥也不用干了，光花大把的时间调word吧
第一步：调列表
1、动作：开始->段落->多级列表->定义新的多级列表
2、设置第一个标题的编号
3、以此类推设置其他标题编号（建议选择word自带的标题1、标题2......）
第二步：设置标题格式
1、一级标题
字体:小二,加粗,字距调整二号,缩进:
左侧: 0厘米
悬挂缩进: 4.25字符
行距:多倍行距 2.41字行,段落间距
段前: 17磅
段后: 16.5磅,与下段同页,段中不分页, 1级,多级符号+级别: 1+编号样式: 1, 2, 3,…+起始编号: 1+对齐方式:左侧+对齐位置: 0厘米+缩进位置: 0.75厘米,样式:链接,在样式库中显示,优先级: 10
基于:正文
后续样式:正文
2、二级标题
字体:(中文)+中文标题(等线 Light),(默认)+西文标题(等线 Light),三号,加粗,缩进:
左侧: 0厘米
悬挂缩进: 5.67字符
行距:多倍行距 1.73字行,段落间距
段前: 13磅
段后: 13磅,与下段同页,段中不分页, 2级,多级符号+级别: 2+编号样式: 1, 2, 3,…+起始编号: 1+对齐方式:左侧+对齐位置: 0厘米+缩进位置: 1厘米,样式:链接,使用前隐藏,在样式库中显示,优先级: 10
基于:正文
后续样式:正文
3、三级标题
字体:三号,加粗,缩进:
左侧: 0厘米
悬挂缩进: 7.09字符
行距:多倍行距 1.73字行,段落间距
段前: 13磅
段后: 13磅,与下段同页,段中不分页, 3级,多级符号+级别: 3+编号样式: 1, 2, 3,…+起始编号: 1+对齐方式:左侧+对齐位置: 0厘米+缩进位置: 1.25厘米,样式:链接,使用前隐藏,在样式库中显示,优先级: 10
基于:正文
后续样式:正文
4、四级标题
字体:(中文)+中文标题(等线 Light),(默认)+西文标题(等线 Light),加粗,缩进:
左侧: 0厘米
悬挂缩进: 8.51字符
行距:多倍行距 1.57字行,段落间距
段前: 14磅
段后: 14.5磅,与下段同页,段中不分页, 4级,多级符号+级别: 4+编号样式: 1, 2, 3,…+起始编号: 1+对齐方式:左侧+对齐位置: 0厘米+缩进位置: 1.5厘米,样式:链接,使用前隐藏,在样式库中显示,优先级: 10
转载请注明：片头模版 » 常见排版样式(多图片排版的几种样式)
