乐观 发表于 2015-1-16 07:39:52

给大家带来网页计划引进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:#ffffff;

    font-size:9pt}

  TD,P{

    COLOR:GREEN;

    font-size:9pt}

  -->

  </STYLE>

  一般是将全部的<STYLE>...</STYLE>布局写在网页的<HEAD></HEAD>部分当中。这类用法的长处就是在於整篇文件的一致性,只需是有声明的的元件即会套用该款式划定规矩。弱点就是在一般元件的天真度不敷。
123下一页
  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>上一页123下一页
  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>上一页123</p>
你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。

再现理想 发表于 2015-1-18 06:46:58

您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。

谁可相欹 发表于 2015-1-26 23:18:29

由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。

冷月葬花魂 发表于 2015-2-5 03:57:45

学Dreamweaver技术的过程其实是一个增加信心的过程。

愤怒的大鸟 发表于 2015-2-11 04:51:24

由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。

蒙在股里 发表于 2015-3-1 22:05:15

Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。

柔情似水 发表于 2015-3-11 01:33:21

Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

灵魂腐蚀 发表于 2015-3-17 18:11:47

是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。

莫相离 发表于 2015-3-24 21:37:38

Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
页: [1]
查看完整版本: 给大家带来网页计划引进CSS款式的五种体例