浮动与超链接伪类

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

相关推荐

  • 我来说说css face。

    在网页设计中,图标的使用可以增加页面的美观性和可读性,Facebook图标是许多网站和应用程序中常见的一个图标,它代表了社交媒体巨头Facebook,要实现这个图标,我们可以使用CSS来创建一个简单的图标。 我们需要准…

    2024年6月13日
    00
  • 我来教你企业SEO优化要先找准关键词,。

    企业SEO优化要先找准关键词,如果关键词不能挖好,并布局到网站上面,那么后面的优化效果非常不明显,先通过企业服务哪片区域进行优化,到后面企业想要做其他区域的时候再优化其他区域,先确保这个地区能够把SEO优…

    2023年3月10日
    00
  • 网站内链的作用是什么

    网站内链是什么?网站内链有什么作用?为什么要建设网站内链?这些你都知道吗?完善的内链系统不仅能对搜索引擎排名优化有很好的作用,同时也能提升用户的体验。 一、网站内链是什么? 网站内链就是网站内部的页面…

    2022年5月21日
    0302
  • 今日分享html如何裁剪图片。

    在HTML中裁剪图片通常需要借助CSS或者JavaScript来实现,由于HTML本身并不支持图像裁剪功能,我们需要利用上述技术手段来控制图片显示的部分,从而达到裁剪的效果,以下是几种常见的方法: (图片来源网络,侵删) …

    2024年6月26日
    01
  • 小编教你css如何设置占位隐藏内容。

    在CSS中,可以使用content属性和::before或::after伪元素来设置占位隐藏内容。在需要隐藏的内容前添加一个占位符,然后使用content属性将占位符替换为实际内容。将占位符的宽度和高度设置为0,以隐藏它。 在网页设…

    2024年7月9日
    00
  • 小编分享SEO优化怎样做单链接页面。

    建网站大部分都是为了卖东西,部分建站也是为了宣扬自己的产品或品牌,可是现在的网站真得十分多,怎么经过seo优化技能做好自己的网站运营是一门学问。可是因为网络信息的发达,网络上许多关于建站经历和建站模版的…

    2023年6月19日
    00
  • 分享如何衡量SEO链接的价值。

    更好的理解链接价值,它有利于我们更好的做链接分析,在抽丝剥茧中快速掌握相关的原理,从而少走弯路,节省资源。   1、链接算法 相对于链接而言,如果我们尝试谈论某个算法,一定脱离不了PageRank,大量的搜索引…

    2023年6月22日
    00
  • 分享php页面怎么添加图片和文字。

    在PHP页面中,可以使用HTML标签添加图片和文字。首先需要使用 在HTML中,<img>标签用于插入图像,其基本语法如下: <img src="图片地址" alt="图片描述" /> src属性用于指定图片的…

    2024年7月21日
    00

联系我们

QQ:951076433

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