带来一篇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)等图片处理软件将需要制作的界面布局简单的构画出来。 只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweavermxXX很难理解。 帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。 Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。 经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅. 可以使用 CSS 检查工具进行设计。 难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人. 使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
页:
[1]