css样式怎么调用,如何应用css样式

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

css如何使用

css用于控制html的样式和布局。

主要分内联样式，内部样式，外部样式。

内联样式就是在html的元素里直接使用css，比如：

p style="background-color:green;"这是一个段落。/p

这就是直接在元素中用css设置背景颜色。适用于单元素，不会影响其他元素。

内部样式则是把css放在head部分用 style标签来定义，比如：

head

style type="text/css"

body {background-color:yellow;}

p {color:blue;}/style

/head

其中body {background-color:yellow;}定义了整个body的背景颜色。

p {color:blue;}/style则是定义了页面里面所有文本的文字颜色。

优点是整个html页面都能调用。

第三种则是外部样式，就是把css部分做成单独的css文件，然后再html页面里面引用，比如

head

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

/head

相当于内部样式的代码部分放入mystyle.css这个文件，然后在此处引用。

外部样式最大的优点是其他html页面也能直接用link直接调用，比如你好几个页面需要类似的风格，那么把相同的布局内容放入CSS文件里面就会非常合适。

相关问答

Q1: css样式怎么调用

CSS是一门指定文档该如何呈现给用户的语言。

一、CSS帮助您将文档信息的内容和如何展现它的细节相分离

创建html文档

创建样式表

在与前面相同的目录中，新建另一个文本文件。该文件将成为您的样式表。请将它命名为：style1.css

在您的CSS文件中，复制、粘贴下面的行，并保存该文件:

二、连接您的文档和样式表

为将您的文档和样式表相连，请编辑您的HTML文件。并添加下面高亮的行：

保存该文件并刷新您的浏览器。该样式表将首字母显示为红色，如下所示：

三、rel=“stylesheet”是什么意思呢

范例中呈现的是标准HTML link标签嵌入css档案的写法，其中「rel="stylesheet" type="text/css"」所代表的意思，就是告诉浏览器要导入一个在外部的css档案，透过href导入名为xxxx.css的样式档案。

Q2: 怎么在html中调用css文件？

有两种调用方式（前提是你已经打算活着已经写好了一个 CSS文件）\x0d\x0a1：采用链接的方式调用代码语法如下：\x0d\x0a \x0d\x0a rel说明该link 和 href之间的关联样式为样式表文件。type说明该文件为样式表文本\x0d\x0a2：采用@ import\x0d\x0a 如果你已有一个CSS文件，自己又写了一个 CSS文件，想调用，那么在第一个CSS文件中加入：\x0d\x0a @import（url）

Q3: 怎么在网页html页面中调用css样式文件问题

这是关于怎么在网页html页面中调用css样式文件问题，详细调用方法如下：

1、直接在html页面中使用style属性

td style="height:30px;"hello/td

这种方法可以灵活的将样式应用于各个标签中，方便代码的编写。缺点是没有整篇文件的“统一性”，在修改样式时变得困难，不方便维护。

2、使用style标签，通常在网页head/head之间写

style type="text/css"

!--

.style1{

font-size:12px;

}

/style