来谈谈:CSS基本教程:CSS的使用
表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中,你可以减少未来网页无效的可能。有三种办法使用CSS
1、In-line行内
行内款式是在html标签里间接利用style属性
<pstyle="color:red">text</p>
设定段落笔墨白色。
但要记着,最初的HTML应当是自力出来,利用体现文档,以是行内款式应当在任何中央制止。
2、Internal外部
利用于全部页面的植进外部款式在head标签内里,style标签包抄款式。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>CSSExample</title>
<styletype="text/css">
p{
color:red;
}
a{
color:blue;
}
</style>
...
一切段落笔墨白色,链接蓝色。
像行内款式一样,你应当坚持HTML和CSS分别,以是我们只剩下救星。
3、内部
内部款式利用在全部多样页面网站。它是一个自力的CSS文件,像上面一样:
p{
color:red;
}
a{
color:blue;
}
假如下面保留为“web.css”,HTML内里的链接就像上面:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>CSSExample</title>
<linkrel="stylesheet"type="text/css"href="web.css"/>
...
前面教程里会讲到其他外联款式的办法,如今已充足了。
从这篇引导内里,我们今后沿着下面的办法实行代码是个好主张,用文本编纂器新建文件,保留为"web.css"在html目次。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Myfirstwebpage</title>
<linkrel="stylesheet"type="text/css"href="web.css"/>
</head>
...
保留HTML文件,如今已链接上CSS,不外如今CSS是空的,没有内容不会改动HTML。当你入手下手进修CSS,就能够增加代码到CSS文件里,看HTML革新后的了局。
你用什么用的熟练就用什么,讲究的是效率,客户永远不管你用什么,页面就要好看,功能就要好用,还有时间和成本的问题。 难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人. 我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。 滚动条)层属性--溢出(visible/hidden/scroll/auto) 可以使用 CSS 检查工具进行设计。 使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。 Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。 直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。 您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
页:
[1]