htmlcss样式格式的简单介绍

什么事HTML格式？什么是CSS格式？

html是超文本语言，如以p、span、div、ul、li等标签写出来的布局代码就是html格式的语言，在这样的编码文档中分为两类不同的编码：1、utf-8；2、gb2312，因此html选择什么编码，css文档就需要选择相同的文档，UTF-8支持各类特殊符号与英文内容的，而gb2312是偏向中文的，css文档其实不是格式，是属于html的样式文件，那什么是样式，很简单的来说，html文档中的语言属于一个对象，就像人一样，是一个对象，当将其添加一个class或是内嵌css时，则表示为这个对象添加样式属性，就像定义对象一个人什么颜色的头发、多高的身体、穿什么颜色的衣服等。

创新互联公司-专业网站定制、快速模板网站建设、高性价比井陉矿网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式井陉矿网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖井陉矿地区。费用合理售后完善，十余年实体公司更值得信赖。

下面举一个列子

在html文档中，如文档“人.html”，其中的有个这样的html：

di class="pople-type"人/div

那么在css中，我可以这样定义：

.pople-type{

margin:0 auto; 横向居中

width:100px;宽度

height:100px;高度

color:#fffffff;字体颜色

background-color:#666666;背景颜色

}

.pople-type里面的内容就是定义对象pople-type这个类别的div的样式，那么也就意味着，在整个html文档中，凡是使用这个类的html都具有这样的属性，不论是div、还是p标签、或是span标签，具体的细节我这里就不说了，只是说了个概念的东西，需要进一步学习的话，你在百度上度娘下“w3cschool ”，里面讲的很细，还有演示代码。

在html中怎样使用css样式？

在html网页中引入引入css主要有以下四种方式：\x0d\x0a（1）行内式\x0d\x0a

网页中css的导入方式\x0d\x0a\x0d\x0a（2）嵌入式\x0d\x0a\x0d\x0a P{ color:red }\x0d\x0a\x0d\x0a 嵌入式一般写在head中，对于单个页面来说，这种方式很方便。\x0d\x0a\x0d\x0a（3）导入式\x0d\x0a \x0d\x0a \x0d\x0a @import "jisuan.css"; \x0d\x0a\x0d\x0a\x0d\x0a（4）链接式\x0d\x0a\x0d\x0a \x0d\x0a导入式和链接式差不多，都是从外部引入css文件。但是链接式对于客户端用户浏览网站时，效果会好些。

HTML样式CSS的三种写法

CSS是样式层叠表，有三种引入方式。下面，我们来看看HTML样式CSS的三种写法吧。

01

行内样式

CSS可以直接放到行内样式中引入即可，比如代码如下图：

p style="color: blue; background: red;"

hello world！

/p

02

嵌入式

还可以采用潜入方式引入CSS，就是把CSS写到style标签中，这种方式比较实用，如下图所示：

style type="text/css"

h1 {color: red;}

/style

h1hello world/h1

03

外部样式表

还有一种叫做外部样式，也就是把CSS写在另外一张页面上，然后再引用到指定页面就可以了，这种也很常见。

@import url(main.css);