仓酷云

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

[DIV+CSS] 带来一篇CSS基本教程:CSS的伪元素Pseudo Elements

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

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

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

x
你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。
伪元素吸附在选择上和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是大势所趋。
不帅 该用户已被删除
沙发
发表于 2015-1-18 05:49:10 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet)的家喻户晓。
愤怒的大鸟 该用户已被删除
板凳
发表于 2015-1-25 11:01:49 | 只看该作者
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
冷月葬花魂 该用户已被删除
地板
发表于 2015-2-2 21:55:49 来自手机 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
柔情似水 该用户已被删除
5#
发表于 2015-2-8 08:56:47 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
老尸 该用户已被删除
6#
发表于 2015-2-25 08:55:33 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
金色的骷髅 该用户已被删除
7#
发表于 2015-3-15 13:18:59 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
因胸联盟 该用户已被删除
8#
发表于 2015-3-22 01:36:28 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-23 06:34

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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