HTML样式CSS的三种写法

html-css012

HTML样式CSS的三种写法,第1张

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

行内样式

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

<p style="color: bluebackground: red">

hello world!

</p>

嵌入式

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

<style type="text/css">

h1 {color: red}

</style>

<h1>helloworld</h1>

外部样式表

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

@import url(main.css)

一般是这样的

body{

font:12color:Black

}

这样的是控制整个页面的标签的样式

.Content{

font:14pxcolor:Gray

}

前面加个.后面跟上样式名称的,就是控制引用这个样式的标签的样式

当然,里面的样式属性有很多,这个你得去了解学习一下!

样式文件放哪里不要紧,一般就放在跟目录,你在页面的时候这样引用一下就好了

比如

<link href="/Styles/Site.css" rel="stylesheet" type="text/css" />

就代表引用跟目录下Styles文件夹里面的Site.css这个样式文件