小魔女 发表于 2015-1-16 00:16:00

带来一篇CSS基本教程:CSS的At-Rules@划定规矩

现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。
At-rules分装分歧的CSS划定规矩,使用在特定场所。

Importing

  import@划定规矩援用别的的款式。比方,假如你想增加别的款式到如今的款式,能够如许:
  @importurl(addonstyles.css);
  这很像利用link元素毗连CSS到HTML,实质上说有一个内容款式像上面:
  <styletype="text/css"media="all">@importurl(monkey.css);</style>
  这是为了照应老版本扫瞄器,好比Netscape4不撑持@划定规矩以是不克不及链接款式表,已构建好标签的HTML页面会得到款式表供应的功效。

Mediatypes

  media@划定规矩使用内容利用特定媒体,好比打印,比方:

@mediaprint{
body{
font-size:10pt;
font-family:timesnewroman,times,serif;
}
#navigation{
display:none;
}
}
  媒体情势:
  all,一切媒体。
  aural,言语分解器。
  handheld,挪动设备
  print,打印
  projection,投影
  screen,电脑屏幕
  你还可使用braille,embossed,tty大概tv。
  注重:说了这么多,IE只撑持all,screen和print。

Charachtersets字符设定

  charset@划定规矩复杂设定内部款式里的编码。它呈现在款式的最下面比方@charset"ISO-8859-1";

Fontfaces字体表面

  font-face@划定规矩用来具体形貌字体,能够在CSS里嵌进内部字体。
  它必要font-family形貌符援用字体,它的值能够是字体的称号或是新定名一个。嵌进一个字体,利用src形貌符。其他增加到font-face@划定规矩里的形貌符将影响正在利用的内含字体,比方假如你增加font-weight:bold粗体到@划定规矩,font-family的src只能使用到带有font-family属性的选择器里,并且选择器里font-weight属性一样设置成bold。
  看上面例子:

@font-face{
font-family:somerandomfontname;
src:url(somefont.eot);
font-weight:bold;
}
p{
font-family:somerandomfontname;
font-weight:bold;
}
  如下面的例子,段落里的字体将是somefont的字体(假如p选择器没有font-weight:bold,那字体就不是somefont)
  嵌进字体还对付着用,由于Mozilla扫瞄器不撑持也没有企图增加这个功效。只要IE有分寸的撑持,但这也不是说能够间接利用,IE扫瞄器嵌进字体,你还必要微软WEFT软件,它供应Truetype字体转换成紧缩的OpenType字体(只要这个你才干利用URI指定)。因为这个限定(显得十分庞大)兼容性,最好不要利用体系没有的字体。

Pages

  page@划定规矩服务页面媒体,是个初级体例使用于打印媒体款式。它界说了页面块,在盒模子上扩大,以是你能够界说单一页面的巨细和体现。
  使用page@划定规矩有很多划定,好比没有padding和border,并且也不上我们说的电脑屏幕,以是pixels和ems单元不被同意利用。
  有很多特定属性可使用,好比size,能够设定portrait纵向,landscape横向,auto主动或长度。marks属性能够用来界说裁剪标记

@page{
size:15cm20cm;
margin:3cm;
marks:cross;
}
页面媒体里的伪标签

  有三种伪标签用来链接特定page@划定规矩,以下情势:@page:pseudo-class{stuff}。
  :first使用到页面媒体里的第一页
  :left和:right使用到右边和右边页面。这大概用在指定有十分年夜margin的右边页面和有十分年夜margin的右侧页面。
  另有一些页面@划定规矩,好比page-breaks页面中止和namedpages页面定名,但这些@划定规矩在扫瞄器里很难事情,你大概华侈了很多工夫浏览这篇文章,不外这些都是不错的设法。
一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来。

不帅 发表于 2015-1-18 05:49:26

只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweavermxXX很难理解。

admin 发表于 2015-1-25 11:01:49

帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。

金色的骷髅 发表于 2015-2-2 21:55:49

Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。

变相怪杰 发表于 2015-2-8 08:56:47

经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.

冷月葬花魂 发表于 2015-3-7 19:48:42

可以使用 CSS 检查工具进行设计。

分手快乐 发表于 2015-3-15 13:18:59

难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.

山那边是海 发表于 2015-3-22 01:36:28

使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
页: [1]
查看完整版本: 带来一篇CSS基本教程:CSS的At-Rules@划定规矩