简述css样式表定义方式,简述css样式表定义方式的特点

什么是css，如何定义css，在html里如何使用css

什么是css？

css ：叠层样式表（Cascading Style Sheets），是能够真正做到网页表现与内容分离的一种样式设计语言。通俗的讲，可以把网页内容以更好的方式呈现在用户面前。

如何定义css？

定义css分三类：

标签元素

body,ul,li等，直接定义 ，格式：标签名{属性：样式};body{font-size:12px;}

类定义 在前面都是要加点

.top{margin-top:20px;}

id定义，id定义是样式里做高的，一般不建议用。id定义用#

#footer{ margin-top:20px;}

在html里如何使用css？

使用方式可以分三种：

外联式Linking（外部样式）：将网页链接到外部样式表。

     表现形式为：

html

head

!----头部部分-----

link href="baidustyle.css" rel="stylesheet" type="text/css"

/head

body

!----内容部分-----

/body

/html

嵌入式Embedding（内页样式）：在网页上创建嵌入的样式表。

     表现形式为：

body

   div class="btn"

      p这是一段话/p

   /div

/body

style

body {margin:0; padding:0;}

.btn {border:1px #ccc solid; width:500px; height:300px;background:#fbfbfb;}

.btn p {font-size:21px;}

/style

内联式Inline（行内样式）：应用内嵌样式到各个网页元素。

     表现形式为：

body

   div class="btn"

      p style="font-size:21px;"这是一段话/p

   /div

/body

相关问答

Q1: html中使用css定义样式的方式有哪些？哪种方式优先级最高？

在HTML中常用以下3种方式定义CSS：Embedding（嵌入式）、Linking（引用式）、Inline（内联式）

一、嵌入式：使用HTML的style元素，在文档中定义CSS样式

head

style type="text/css"

h1{color:red}

p{color:blue}

/style

head

二、内联式 ：每一个HTML元素都包含一个style属性，可以直接定义样式。该样式仅能用于该元素的内容，对于另一个同名的元素则不起作用。

p style="color:#FFF;font-weight:bold;"内联样式/p

三、外部引用式：外部引用指HTML文档本身不含有CSS样式，而是动态引用外部的CSS文件定义文档的表现形式。

1、使用样式表的处理指令语句-在HTML文档的开头部分写一个关于样式表的指令处理语句

?xml-stylesheet type="text/css" href="mystyle.css" ?

html

指令语句

/html

不过只有使用xml语法格式编写的html文档才支持使用该指令，大多数浏览器仅当被保存为xhtml或xml格式才有效，且JS不能处理这种CSS，所以不建议使用。

2、使用@import命令 -在style元素之间使用@import命令导入外部的css文件

head

style type="text/css"

!--下面两行代码效果一样

@import "mystyle.css";

@import url("mystyle.css");

--

/style

/head

任何@import规则必须出现在所有规则之前。参数是一个css文件的URL地址。在一个css文件中也可以用@import指令将另一个css文件导入。

3、使用link元素

head

link rel="stylesheet" href="css的url" type="text/css"

/head

这也是最常用的方式。

4、使用HTTP消息报头链接到样式表 -可以使用HTTP消息报头的link字段链接一个外部样式表。 link:mystyle.css;rel=stylesheet;

//等同于link rel="stylesheet" href="css的url" type="text/css"

HTTP报头中可以使用多个link，从而链接多个样式表，且HTTP报头中的link比HTML文档中的link（head元素中）具有优先级。

Q2: CSS定义的三种方式为( ).( ).( )

有三种方法可以在站点网页上使用样式表：

1、外部样式：将网页链接到外部样式表。

2、内页样式：在网页上创建嵌入的样式表。

3、行内样式：应用内嵌样式到各个网页元素。

每一种方法均有其优缺点：

当要在站点上所有或部分网页上一致地应用相同样式时，可使用外部样式表。在一个或多个外部样式表中定义样式，并将它们链接到所有网页，便能确保所有网页外观的一致性。如果人们决定更改样式，只需在外部样式表中修改一次，而该更改会反映到所有与该样式表相链接的网页上。通常外部样式表以 .css 做为文件扩展名，例如 Mystyles.css。然后在需要此样式的页面中将其链接进来，如：

link href="/css/Mystyles.css" rel="stylesheet" type="text/css"/

当人们只是要定义当前网页的样式，可使用嵌入的样式表。嵌入的样式表是一种级联样式表，“嵌”在网页的 HEAD 标记符内。嵌入的样式表中的样式只能在同一网页上使用。 如：

style type="text/css"

!-- /* 把声明的样式包含在一个html注释中，这样可以解决较老的浏览器不识别style的问题 */

body {background:grey;}

--

/style

使用内嵌样式以应用级联样式表属性到网页元素上。 如：

pstyle="@import url('style3.css');"CSS document/p

!-- 不能在style属性中使用@import --

如果网页链接到外部样式表，为网页所创建的内嵌的或嵌入式样式将扩充或覆盖外部样式表中的指定属性。

要在网页上使用外部样式表的样式，可将该网页链接到样式表，方法是使用位于 “格式” 菜单上的 “样式表连接” 命令。可以链接一个或数个样式表到网页视图模式下的当前网页，或到在文件夹列表中的所选网页，或到站点上的全部网页。

该“样式” 框列出标准 HTML 标记符，例如标题

1，还有嵌入的样式表或链接到网页的外部样式表中所含的类或 ID 选择器。要应用样式到网页元素，请选定该样式然后单击 “样式” 框中的样式或选择器。

在 Microsoft FrontPage 2000中，某些格式设置特性会作为内嵌样式自动应用。例如∶如果使用 “边框与阴影” 命令（在 “格式” 菜单上）在普通段落周围应用框，FrontPage 会写下格式设置信息，作为段落标记符的内嵌样式属性（例如∶ p style="border-style: solid"）。然而某些属性的应用需要使用 CSS，其他则需要使用 HTML 。如果人们只想使用 CSS 应用内嵌样式，可使用 “样式” 按钮（位于网页元素的 “属性” 对话框里）应用类或 ID 选择器或嵌入式样式。