猛火建站学院(LieHuo.Net)CSS 教程 在上一篇文章《Dreamweaver调解表格边框之css语法》中我们提到大部分站长还在用表格+CSS的形式来建造网页,表格做出来的网页框架不机动,冗余代码太多,不美观,倒霉于SEO,不利便改版等等这些漏洞。所以站长在建站的历程中,要不绝进修,尽力进取,慢慢的把Table扔掉,走向DIV+CSS,本日我们就来给已经走向CSS的站长讲一些CSS在利用历程中的常见问题和履历。山东seo培训
1.CSS在网页建造中一般有三种方法的用法,那么详细在利用时该回收哪种用法?
当有多个网页要用到的CSS,回收外连CSS文件的方法,这样网页的代码大大淘汰,修改起来很是利便;只在单个网页
中利用的CSS,回收文档头部方法;只有在一个网页一、两个处所才用到的CSS,回收行内插入方法。
2、CSS的三种用法在一个网页中要以混用吗?
三种用法可以混用,且不会造成杂乱。这就是它为什么称之为“层叠样式表”的原因,欣赏器在显示网页时是这样处
理的:先查抄有没有行内插入式CSS,有就执行了,针对本句的其它CSS就不去管它了;其次查抄头部方法的CSS,有就执行
了;在前两者都没有的环境下再查抄外连文件方法的CSS。因此可看出,三种CSS的执行优先级是:行内插入式、头部方
式、外连文件方法。
3、在Dreamweaver3中如何使外部文件式CSS?
在Dreamweaver3中利用外连文件式CSS并没有非凡要求,同样是用记事本建设一个*.css文件,在网页的<head>与
</head>之间加上一句这样的代码:<link rel="stylesheet" href="在这里填上你的CSS文件地点(相对路径+文件
名)" type="text/css"> 就行了。
4、如何用Dreamweaver3快速建设CSS外连式文件?
对付一个初打仗CSS的网页设计人员来讲,要用记事之类的编辑器,去建设一个CSS外连式文件是相当坚苦的。由于
Dreamweaver3对CSS支持的很好,用它来辅佐就轻松多了。详细可以这样操纵:
1)先在纸上写亏得网站的网页中大概要用到的格名称,然后在Dreamweaver3的编辑窗中调出CSS面板,一个一个地定
义,并在一个空缺页上适当地写一点相关内容,界限说边试用,结果不满意,当即修改;
2)全部界说好后,再用记事本建设一个空的CSS外连式文件,把在<head>与</head>之间的那段界说好的CSS复制
到CSS文件中去,就大功告成了。整个历程就是点鼠标,利便吧?
5、在Dreamweaver3中回收行内插入式CSS要手动写代码吗?
不消!先用CSS面板界说好要用的CSS,然后,在要插入CSS的符号插入:style="",再把你适才界说的CSS从<head>
后头拖到这个双引号中来,把花括号以外的部分删去就行了。
6、在方档头部方法和外连文件方法的CSS中都有“<!--”和“-->”,好象没什么用,不要可以吗?
这一对东东的浸染是为了不引起低版本欣赏器的错误。假如某个执行此页面的欣赏器不支持CSS,它将忽略个中的内
容。固然此刻利用不支持CSS欣赏器的人已很少了,由于互联网上险些什么大概城市产生,所以照旧留着为妙。
7、如何给一部分文字加配景致?
给文字加上差别颜色,在DW3中只要在属性面板上选取文字的颜色就行了,很是利便,但要给部分文字加差此外配景致
却没有相应的成果,我们可以先做一个界说配景致的CSS(如:bgstyle),在DW3中点几下鼠就完成了。如一个界说淡黄色
配景的CSS是这样的:
以下为引用的内容:
<style type="text/css">
/*LieHuo.Net_CSS*/
<!--
.bgstyle { background: #FFFFCC}
-->
</style>
在要用时选取那段文字,再在CSS面板上点一下“bgstyle”就行了。
8、如何给部分文字加配景图像?
与加配景致操纵类似,中是在配景在选择加载图象就是了,一个界说好的加配景图象的CSS例子的代码是这样的:
以下为引用的内容:
<style type="text/css">
/*LieHuo.Net_CSS*/
<!--
.imgbgstyle { background-image: url(/logo.gif)}
-->
</style>
在要用时选取那段文字,再在CSS面板上点一下“imgbgstyle”就行了。
9、如何使页面的配景在文字“转动”时配景图案静止不动?
要使配景图案不随文字“转动”的CSS是这样的:
以下为引用的内容:
<style type="text/css">
<!--
BODY { background: purple url(/bg.jpg);
background-repeat:repeat-y;
background-attachment:fixed
}
/*LieHuo.Net_CSS*/
-->
</style>
本文来自:合肥seo培训(http://) 联系电话:18939575219 联系QQ:1002319592
(责任编辑:张阳






