如何添加css样式,css样式添加的三种方式

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

如何引入css样式

在网站的head头部中加入link标签即可引入，如下：

head

meta charset="UTF-8"

meta name="viewport" content="width=device-width, initial-scale=1"

title用户鉴权认证中心/title

meta name="keywords" content="" /

meta name="description" content="" /

link rel="stylesheet" type="text/css" href="/static/vendor/bootstrap/css/bootstrap.min.css"

link rel="stylesheet" type="text/css" href="/static/fonts/font-awesome-4.7.0/css/font-awesome.min.css"

link rel="stylesheet" type="text/css" href="/static/fonts/iconic/css/material-design-iconic-font.min.css"

link rel="stylesheet" type="text/css" href="/static/css/util.css"

link rel="stylesheet" type="text/css" href="/static/css/main.css"

/head

相关问答

Q1: 设置css样式的方法

有三种方法：

行内样式直接在标签里面添加style属性，在style属性里面写样式即可；

内部样式在head标签里面通过style标签来写入内部样式；

外部样式通过link标签引入外部样式表。

Q2: 在网页中如何添加CSS样式表?

1.首先打开EditPlus软件，新建一个样式表文件，写入一些样式，如下图所示。

2.接下来我们在建立一个样式表文件，在这个样式表文件中通过import属性导入上一个样式表，如下图所示。

3.然后在html中我们用link标签导入上面声明的样式文件，如下图所示。

4.接下来我们运行HTML文件，我们可以看到虽然只导入了一个样式文件，但是两个样式表的样式都加载进来了，如下图所示。

5.另外在运用import的时候一定不要放在样式下面，如下图所示，这样是不生效的。

6.最后运用import导入样式也不要忘了分号，如下图所示，忘了分号也是不生效的。

Q3: 如何添加CSS样式

即使用style属性，将CSS直接写在HTML标签中。例如：p style=color:red这行段落将显示为红色。/p 注意：style属性可以用在body内的所有（X）HTML标签上，但不能应用与body以外的标签，如titlehead等标签。二，嵌入式样式表（Embedded Style Sheets）嵌入式样式表使用style/style标签嵌入到（X）HTML文件的头部中，代码如下： head style type=text/css !-- .class{ color:red;}　--　/style /head 注意：对于一些不能识别style标签的浏览器，使用（X）HTML的注释标签!-- 注释文字 --把样式包含进来。这样源码天空，不支持style标签的的浏览器会忽略样式内容，而支持style标签的浏览器会解读样式表。三，外部样式表（Link Style Sheets）在head标签内使用link标签将样式表文件连接到（X）HTML文件中。代码如下：

Q4: HTML网页怎么使用CSS样式？

在制作一个网页的时候，Css样式的添加一共有四种方式，一起来看看这四种方式：

一、使用STYLE属性：将STYLE属性直接加在个别的元件标签里。

元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...}

例如：

TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"标楷体"; line-height:150%

这种用法的优点是可灵巧应用样式於各标签中，但是缺点则是没有整篇文件的『统一性』。

二、使用STYLE标签：将样式规则写在STYLE.../STYLE标签之中。

通常是将整个的 STYLE.../STYLE结构写在网页的HEAD /HEAD部份之中。这种用法的优点就是在於整篇文件的统一性，只要是有声明的的元件即会套用该样式规则。缺点就是在个别元件的灵活度不足。

三、使用 LINK标签：将样式规则写在.css的样式档案中，再以LINK标签引入。

假设我们把样式规则存成一个example.css的档案，我们只要在网页中加入

LINK REL=STYLESHEET TYPE="text/css" HREF="example.css"