仓酷云

标题: 来谈谈：CSS实例教程:CSS指针 [打印本页]

作者: 因胸联盟 时间: 2015-1-15 22:57
标题: 来谈谈：CSS实例教程:CSS指针
标准的选择器不能格式化一个元素内容的第一个字母或者第一行，而伪元素选择器能实现
破洛洛文章简介：甚么是CSS指针？这里指针是指属于与被属于的干系如.yangshi.yangshi_a{...}
甚么是CSS指针？这里指针是指属于与被属于的干系如.yangshi.yangshi_a{...}
关于yangshi_a是yangshi指向的款式
我们能够作1个实行来了解此CSS指针是甚么
原CSSdiv款式
.yangshi{width:300px;height:50px;border:1pxsolid#F00;margin:0auto;text-align:right;}
.yangshi.yangshi_a{float:left;width:30px;border:1pxdashed#333;}
.yangshi.yangshi_b{float:right;width:50px;border:1pxdashed#333;}

<divclass="yangshi">
<divclass="yangshi_a">内容a</div>
<divclass="yangshi_b">内容b</div>
</div>
<divclass="clear"><imgsrc="images/s.gif"/></div>
扫瞄器显现了局：

就我们以上实例来做
我们将.yangshi.yangshi_b{...}改成.yangshic.yangshi_b{...}
失掉.yangshic.yangshi_b{float:right;width:50px;border:1pxdashed#333;}
然后你扫瞄下了局

CSS指针效果
是的是否是感到yangshi_b固然我们在DIV利用class挪用了可是生效了
怎样多两头的虚线了
那就是由于DIV独有一行的特征出来了
而<divclass="yangshi_b">内容b</div>生效了
固然你会看到

是的是由于CSS指针属性，看到改后yangshi_b能够了解父级（yangshic）不存在（或html中改后yangshi_b父级是yangshi而不是yangshic以是为招致yangshic指针到yangshi_b的款式失利）
这个CSS指针我们能够很好使用
好比今后我们一致定名好比在一个网页中良多栏方针题我们就以.titles定名我们能够使用CSS指针给他付与分歧父级在分歧中央利用并付与分歧CSS款式，使用这一特性让我们保护加倍简单，一看此定名就晓得此处是某栏方针题意义
</p>
学习这篇入门教程之前，请确定你已经具有了一定的HTML基础。

作者: 爱飞 时间: 2015-1-17 19:55
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。

作者: 第二个灵魂 时间: 2015-1-26 22:12
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。

作者: 谁可相欹 时间: 2015-2-5 04:34
Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。

作者: admin 时间: 2015-2-11 05:47
是当我和赵丽芬崔明艳老师进行交流后，很快就了解了还不太清楚的内容和并不了解的知识（像布局表格、绘制布局单元格等）。

作者: 乐观 时间: 2015-3-1 23:36
每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。

作者: 飘飘悠悠 时间: 2015-3-11 03:09
学Dreamweaver技术的过程其实是一个增加信心的过程。

作者: 变相怪杰 时间: 2015-3-17 21:09
还是在Dreamweaver所见即所得添加链接是，可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。

作者: 老尸 时间: 2015-3-25 04:30
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时，就要多花时间对其产生初步的印象。此外，多操作也是非常重要的。

欢迎光临仓酷云 (http://ckuyun.com/)