怎样打开css文件?

html-css07

怎样打开css文件?,第1张

如果是本地的aa.css文件,最简单的打开方式是利用txt记事本打开。或者是利用Notepad++软件、Adobe Dreamweaver可以打开。

Notepad++软件、Adobe Dreamweaver是网页编辑软件,比较方便阅读编辑。

如果在阅读的源代码里打开css文件,直接点击.css文件即可,css文件直接在网页中打开。

CSS也是我们常叫的样式表、通俗叫切图和静态网页布局。

我们知道HTML网页是由若干标签和内容组成。标签包括了div标签、span标签、a锚文本标签、strong加粗标签、b加粗标签、p段落标签、br换行标签等组成。而外表生龙活虎漂亮的网页样式却是CSS控制得出。

一个完整漂亮网页,就是由html标签与控制这些标签布局和美化功能CSS组成。

1. 所以一开始通过js来加:

function addTarget(){

var tag_a = document.getElementsByTagName('a')

for (var i = tag.length - 1 i >= 0 i--) {

tag_a[i].setAttribute("target","_blank")

}

}

window.onload = addTarget()

但不知为何无法生效。

2. 然后就想到可以通过设置css来使默认的a都自带target属性,即:

a {

target : _blank

}

发现也行不通。原因是css中没有target属性,不能直接在css中这样写。

3. 最后查资料,发现可以在head标签中加入:

<base target="_blank" />

在html中调用css文件步骤如下:

1、首先,下载html5开发软件Intellij IDEA,这个直接在百度搜索框中搜索即可。

2、打开软件,点击file,选择New project,在弹出的对话框中,选择static web选项中的html5,点击next,在新对话框中,输入项目名称,点击finish。

3、新建一个文件,后缀为.css。

4、在body中添加一个元素h1,写上内容标题1,在css文件中设置标题1的颜色。

5、在html文件中,利用link标签,调用写好的css文件。

6、点击run,预览写好的效果。