CSS 样式表有哪几种？

1.1 内联样式表

创新互联建站公司2013年成立，先为衡阳县等服务建站，衡阳县等地企业，进行企业商务咨询服务。为衡阳县企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

在标签中直接添加style 例：p style=“” /p

1.2 内嵌样式表

作为一个独立区域内嵌在网页内，必须卸载head标签内

例：head

style=“”

/style

/head

1.3 外部样式表

即css样式表，需要新建一个css文件，用来放样式表。如果在html文件中调用样式表，需在html文件中点击 右键→CSS样式→附加样式表。（一般用link连接方式）

注：有些标签会有默认的边距，一般写代码的时候会先去除（也可以设置其他需要的样式）

* （对所有标签起作用）

{margin：0px； （边距）

padding：0px；} （间距）

CSS样式表的作用及特点

CSS可以很方便的用来控制网页的外观。主要有以下特点：

1.可以同时更新多个网页的样式。

2.使网页的表示层与结构层彻底分离

3.大大减小了网页文件的大下

4.加快了网页的加载速度

现在用CSS来布局网页已经是一种潮流，如果要向网页设计方面发展，必须精通CSS。

CSS样式表有哪几类规则?

1、内联样式表

直接在HTML标记内，插入sytle属性，再定义要显示的样式，这是最简单的样式定

义方法。不过，利用这种方法定义样式时，效果只可以控制该标记，其语法如下：

标记名称 style="样式属性:属性值;样式属性:属性值"

如：body style=" color:#FF0000;font-family:"宋体";cursor:url(3151.ani);"

2、 嵌入样式表

style type="text/css"

内部样式表是把样式表放到页面的head区里，这些定义的样式就应用到页面中了，样式表是用style标记插入的

head

……

style type="text/css"

!--

hr {color: sienna}

p {margin-left: 20px}

body {background-image: url("images/back40.gif")}

--

/style

……

/head

style元素是用来说明所要定义的样式。TYPE属性是指定style元素以css的语法定义。有些低版本的浏览器不能识别style标记，这意味着低版本的浏览器会忽略style标记里的内容，并把style标记里的内容以文本直接显示到页面上。为了避免这样的情况发生，我们用加HTML注释的方式!-- 注释 --隐藏内容而不让它显示。

3、外部样式表

link href="样式表地址" rel="stylesheet" type="text/css" /

4、输入样式表

可以使用css的@import声明将一个外部样式表文件输入到另外一个css文件中，被输入的css文件中的样式规则定义语句就成为了输入到的css文件的一部分，也可以使用@import声明将一个css文件输入到网页文件的style/style标签对中，被输入的css文件中的样式规则定义语句就成了style/style标签对中的语句。

style

@import url(http://……)

/stypel

什么是CSS样式表？

CSS是Cascading Style Sheet 的缩写。译层叠样式表单、集联样式表等。

举个例子。比如table或div就是做房子的砖瓦，用他们把整个网站的框架搭好。而css就是房子的装饰。一个网站没有修饰是很难看的。

我们用CSS通常来修饰网站的色彩，文字等等。

要想了解更多关于CSS的，可以在网上搜搜，网上很多的。我只是用我的实践跟你讲。最后我只想说，样式和架框是分不开的。希望对你有帮助。

文章标题：css样式变,css样式变灰色
文章转载：http://pwwzsj.com/article/dsdisdi.html