怎样建立css样式文件并应用

html-css010

怎样建立css样式文件并应用,第1张

1、使用Dreamweaver等工具来新建

2、新建一个空白的记事本,后缀名修改为.css

3、引入,使用<link/>标签来应用你的CSS,具体用法如下

<link rel="stylesheet" type="text/css" href="你的CSS文件路径"/>

运用最广的css样式将页面内容与样式彻底分离,极大地改善了HTML在页面显示方面的缺陷。

body {font: 10pt "Arial"}h1 {font: 15pt/17pt "Arial"font-weight: boldcolor: maroon}h2 {font: 13pt/15pt "Arial"font-weight: boldcolor: blue}p {font: 10pt/12pt "Arial"color: black}。

css样式易于使用和修改:

CSS可以将样式定义在HTML元素的style属性中,也可以将其定义在HTML文档的header部分,也可以将样式声明在一个专门的CSS文件中,以供HTML页面引用。总之,CSS样式表可以将所有的样式声明统一存放,进行统一管理。

另外,可以将相同样式的元素进行归类,使用同一个样式进行定义,也可以将某个样式应用到所有同名的HTML标签中,也可以将一个CSS样式指定到某个页面元素中。如果要修改样式,我们只需要在样式列表中找到相应的样式声明进行修改。

第一种是内嵌式,这种方法是以前学习css样式常用到的,也就是把css样式代码写入到<head>头部信息中去。比如给网页设置背景颜色之后就会在<head>头部信息中加入一个代码,<head>中多了一body的样式。

第二种行内样式,也就是直接在html样式中输入css样式,比如在标题1也就是<h1>中直接输入style之后可以选择样式属性值。

要是再设置,就要输入;空一格,在选择其他的样式属性值。但是这种方法不建议使用。

第三种连接式,这种方法时目前最常使用的,可以直接为多个网页页面直接使用。

点击新建css规则,在弹出的新建css规则对话框中选择需要的选择器和名称,在规则定义中选择新建样式表文件,点击确定。

在弹出的对话框中选择css样式文件命名,并选择要放置的文件夹。

然后在编辑css样式属性,在代码中就多了一个连接css文件的代码,在窗口上面多了一个scc样式文件,要是把这个css样式文件要用到其他的网页中,只要把css的连接代码复制到其他的网页中去,其他的网页也就能适用这个css样式文件设置的属性,我们可以把整个网站的网页的全部属性放置在这个css样式文件中去。以后在更改网站风格的时候,只要更改这个css样式文件即可。

图文详情请看:http://jingyan.baidu.com/article/e75aca8559f402142fdac671.html