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,预览写好的效果。