带来一篇CSS基本教程:CSS的伪元素Pseudo Elements
你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。伪元素吸附在选择上和pseudoclasses伪类很像,像如许selector:pseudoelement{property:value;}。有四种体例。
FirstlettersandFirstlines首字母和首行
first-letter伪元素感化到元素的第一个字母,first-line感化到元素的顶行。你能够,比方为段落创立一个dropcaps和首行加粗。
p:first-letter{
font-size:3em;
float:left;
}
p:first-line{
font-weight:bold;
}
Beforeandafter前后
before和after用来接洽content属性不利用HTML断定一个元素的内容地位。
content属性值能够是:open-quote,close-quote,no-open-quote,no-close-quote,在引号标志里封闭任何字符串或利用url(imagename)图片。
blockquote:before{
content:open-quote;
}
blockquote:after{
content:close-quote;
}
li:before{
content:"POW:"
}
p:before{
content:url(images/jam.jpg)
}
听起来不错吧,惋惜年夜部分用户不克不及体味到before或after的效果,由于IE不撑持。
现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。 足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet)的家喻户晓。 Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。 经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅. Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。 运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环 Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。 您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
页:
[1]