CSS样式表一共分3种，分别是：内联样式表：内联样式表是写在标记内的，只对所在标记有效。内部及联样式表：利用标记将样式表嵌在HTML文件的头部。外部级联样式表：使用标记可以将样式表链接到网页上。
网站建设哪家好，找成都创新互联公司！专注于网页设计、网站建设、微信开发、小程序定制开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了沙坪坝免费建站欢迎大家使用！
CSS按其位置可以分成三种： 内嵌样式(Inline Style) 内部样式表(Internal Style Sheet) 外部样式表(External Style Sheet) 内嵌样式(Inline Style) Inline Style是写在Tag里面的。内嵌样式只对所在的Tag有效。
CSS按其放置位置和形式可以分成三种：* 内联样式(Inline Style)* 内部样式表(Internal Style Sheet)* 外部样式表(External Style Sheet)内联样式内联样式是写在标签里面的，它只针对自己所在的标签起作用。
内联样式，内嵌入样式，内联公共样式，行样式，外嵌样式，外链接引入样式，外部公共样式。特特殊标签样式。
.top{margin-top：20px；} id定义，id定义是样式里做高的，一般不建议用。id定义用 footer{ margin-top：20px；} 在html里如何使用css？使用方式可以分三种：外联式Linking（外部样式）：将网页链接到外部样式表。
：新建一个css样式表，然后保存到你想保存的地方。2：新建一个html，关联css样式表，看右下角的小铁链。
两种方式：通过Dreamweaver右边区域的style窗口，直接去添加对应的css样式，这样会将样式添加到页面。通过右边调用外部的css来调用对应的css，或者自己建一个css文件然后在HTML页面选取。
）内联样式。只是为单个元素指定一些CSS样式，就是在html的标签添加style属性，把样式直接写进去，例如：This is a test 2）内嵌样式表。
我们创建一个HTML页面，在body标签中添加一个div标签组。然后在上面的head标签中（title标签下），输入引用CSS的代码style标签。然后在标签中输入一个CSS名称以及相关的样式。要注意看下图的格式，别少输入了。
可以用“margin： 0 auto；”和“text-align： center；”是图片在网页中居中。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：img {position： absolute；top： 100px； left： 200px；}。
新建一个test.html文件。在文件中，创建一个div模块，在div内，使用img标签创建一张图片。在css标签内，设置div的高度、宽度、位置属性为绝对定位，同时使用left和top设置居中显示，从而实现图片在网页中居中显示。
可以看到如下图所示的执行效果图，图片出现的位置在上方的右边了。
设置relative属性可以让元素偏移原本位置的XX距离。absolute则是偏移其有relative属性或者fixed属性的父元素XX距离，没有则相对于窗口偏移。
