仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 657|回复: 7
打印 上一主题 下一主题

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

[复制链接]
小魔女 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:16:00 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
现在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,并称为“网页三剑客”。
变相怪杰 该用户已被删除
5#
发表于 2015-2-8 08:56:47 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
冷月葬花魂 该用户已被删除
6#
发表于 2015-3-7 19:48:42 | 只看该作者
可以使用 CSS 检查工具进行设计。
分手快乐 该用户已被删除
7#
发表于 2015-3-15 13:18:59 | 只看该作者
难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.
山那边是海 该用户已被删除
8#
发表于 2015-3-22 01:36:28 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 01:12

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表