CSS教程之引进CSS款式的五种体例
业界越来越关注DIV+CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站,在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。1、利用STYLE属性
将STYLE属性间接加在一般的元件标签里,<元件(标签)STYLE="性子(属性)1:设定值1;性子(属性)2:设定值2;...}
比方:
<TDSTYLE="COLOR:BLUE;font-size:9pt;font-family:"标楷体";line-height:150%>
这类用法的长处是可乖巧使用款式於各标签中,可是弱点则是没有整篇文件的『一致性』。
2、利用STYLE标签
将款式划定规矩写在<STYLE>...</STYLE>标签当中。
<STYLETYPE="text/css">
<!--
款式划定规矩表
-->
</STYLE>
比方:
<STYLETYPE="text/css">
<!--
BODY{
color:BLUE;
background:#FFFFCC;
font-size:9pt}
TD,P{
COLOR:GREEN;
font-size:9pt}
-->
</STYLE>
一般是将全部的<STYLE>...</STYLE>布局写在网页的<HEAD></HEAD>部分当中。这类用法的长处就是在於整篇文件的一致性,只需是有声明的的元件即会套用该款式划定规矩。弱点就是在一般元件的天真度不敷。
3、利用LINK标签
将款式划定规矩写在.css的款式档案中,再以<LINK>标签引进。
假定我们把款式划定规矩存成一个example.css的档案,我们只需在网页中到场
<LINKREL=STYLESHEETTYPE="text/css"HREF="example.css">
便可套用该款式档案中所制订好的款式了。一般是将LINK标签写在网页的<head></head>部分当中。这类用法的长处就是在於能够把要套用不异款式划定规矩的数篇文件都指定到统一个款式档案便可。弱点也是在一般文件或元件的天真度不敷。
4、利用@import引进
跟LINK用法很像,但必 放在<STYLE>...</STYLE>中。
<STYLETYPE="text/css">
<!--
@importurl(引进的款式表的位址、路径与档名);
-->
</STYLE>
比方:
<STYLETYPE="text/css">
<!--
@importurl(http://yourweb/example.css);
-->
</STYLE>
要注重的是,行末的分号是相对不成少的!
5、利用<span></span>标志引进款式
比方:<spanstyle="font:12px/20px宋体#000000;">网页陶吧</span>
</p>
这工具比表格好的唯一就是你可以定义一个ID,想怎么玩它就怎么玩他,表格用来处理显示数据,DIV+css+TABLE就行了,都什么年代了,以前没有DIV,而且386的年代不也一样,现在都奔腾4了
CSS教程之引进CSS款式的五种体例
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。 您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。 不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。 Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。 Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。 只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。 时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上 布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。 运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
页:
[1]