HTML里的.CSS文件内容定义格式是什么样的?举一个简单例子

html-css017

HTML里的.CSS文件内容定义格式是什么样的?举一个简单例子,第1张

一般是这样的

body{

font:12color:Black

}

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

.Content{

font:14pxcolor:Gray

}

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

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

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

比如

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

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

在html网页中引入引入css主要有以下四种方式:

(1)行内式

<p style=”color:red”>网页中css的导入方式</p>

(2)嵌入式

<style type=”text/css”>

P{ color:red }

</style>

嵌入式一般写在head中,对于单个页面来说,这种方式很方便。

(3)导入式

<!-- 导入外部样式:在内部样式表的<style></style>标记之间导入一个外部样式表,导入时用@import。 -->

<style type="text/css">

@import "jisuan.css"

</style>

(4)链接式

<link href="jisuan.css" rel=”stylesheet” type=”text/css” />

导入式和链接式差不多,都是从外部引入css文件。但是链接式对于客户端用户浏览网站时,效果会好些。