浮动与超链接伪类

DIV浮动(float):
块级元素可以通过浮动实现左右浮动,目的就是让DIV实现类似表格行和列横竖排,浮动时其他块元素会占用原来位置(对后面元素的产生影响)。后续不想浮动可以清除浮动(清除别人的浮动对我的影响!!!) clear:left right both。

<div style="background-color:red; float:left;"></div>

<div style="background-color:blue; float:left;"></div>

<div style="background-color:green; float:left; "></div>

<div style="background-color:red; float:right;  "></div>

<div style="background-color:blue; float:right;  "></div>

<div style="background-color:green; float:right;  "></div>

<!--TIPS:不希望前面的浮动对后面布局产生影响-->

<div style="width:0px; height:0px; clear:both;"></div>

<div style="background-color:yellow;"></div>
注意:
1、浮动时,设置宽高度以便控制位置,一般还要配合margin!!!
2、DIV本身浮动,内部嵌套DIV也应该浮动!!!

 

链接伪类
A选择器:link{}  正常样式

A选择器:hover{} 悬停样式
A选择器:active{} 点击时样式
A选择器:visited{} 点击后样式 ,颜色设置不生效清除浏览器缓存即可。

<style>

.a1:link{

color:red;

text-decoration:none;

}

.a1:hover{

font-size:36px;

color:green;

}

.a1:active{

color:blue;

font-size:12px;

}

.a1:visited{

color:gray;

}

</style>

<a href="#" class="a1">点击右边惊喜</a>
注意顺序!

image001

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/2262.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚重蔚管理团队
上一篇 2017年5月24日 09:26
下一篇 2017年5月24日 09:58

相关推荐

  • 经验分享htmlcss如何让字发光。

    在HTML和CSS中,我们可以使用一些特定的属性和技术来使文本发光,这可以通过使用CSS的textshadow或者filter属性来实现,以下是详细的技术教学: (图片来源网络,侵删) 1、textshadow 属性: 这个属性用于向文本添…

    2024年6月25日
    00
  • 我来教你如果网站SEO中被K封锁,有什么解决方案吗。

    如果网站SEO中被K封锁,有什么解决方案吗?接下来,尚云将和你谈谈国王应该如何管理这个网站。1、这里建议那些刚刚开始做站点的站长,当SEO优化工作还没有完成的时候,网站最好不要去站点,因为一旦你开始对网站已…

    2023年3月11日
    02
  • 我来教你网站优化多长时间能够见效。

    现在,大多数的企业为了能在互联网领域中不被淘汰,开始通过SEO优化的方式来推广自己的公司以及产品,想要在网络上获取大量收益。因此,很多企业纷纷选择与网络公司进行合作,由他们来对自己公司的网站进行SEO优化…

    2022年10月31日
    036
  • 站内做定向锚文本是有什么作用呢。

    站内做定向锚文本是有什么作用呢?SEO优化中合理分配站内定向锚文本,最常https://www.cwhello.com见的方式是在页面正文中,人工或者自动添加其他页面的内部链接。 站内定向锚文本起到哪些重要作用? 1、提高关键词…

    2022年10月30日
    026
  • 我来分享SEO内部链接优化技巧。

    一个网站,如果它的seo做得很好,那么它的内部链接一定很好。内部链接对于一个合理网站的重要性不言而喻。那么,我们应该如何做内部链接呢?下面小编就来教大家SEO内部链接优化的相关技巧。 一、网站导航使用文字导…

    2023年6月19日
    01
  • 小编分享firefox中css如何把图片变成灰色。

    在Firefox中,我们可以使用CSS来改变图片的颜色,包括将其变为灰色,这可以通过设置图片的`filter`属性来实现,`filter`属性可以应用各种图像效果,包括颜色和透明度。 以下是一个简单的例子,展示了如何将图片变为…

    2024年7月13日
    00
  • 教你如何为html新建css样式。

    在网页设计中,HTML和CSS是两种非常重要的技术,HTML用于创建网页的结构,而CSS用于控制网页的布局和样式,为了让网页看起来更加美观和专业,我们需要为HTML元素添加CSS样式,本教程将详细介绍如何为HTML新建CSS样…

    2024年6月24日
    00
  • 搜索引擎优化方法指南

    搜索引擎是需要及时进行优化的,优化后的搜索引擎可以给客户带来更好的浏览体验,那么搜索引擎优化方法有哪些呢?下面就让我们一起去看看搜索引擎优化指南吧。 搜索引擎优化指南 关键词的优化策略 关键词是搜索引擎…

    2022年5月21日
    0212

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息