浮动与超链接伪类

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

(0)
上一篇 2017年5月24日 09:26
下一篇 2017年5月24日 09:58

相关推荐

  • 站内的链接布局我们应该如何去处理?

    我们都说站内链接是seo优化过程中一个比较值得重视的问题,但是有的一些新手站长可能并不是非常了解关于站内链接的布局方式,就会导致自己在seo优化的过程中也出现了很多的问题,到底站内的链接布局是怎么弄得?以及...

    2022年5月27日
    093
  • css涉及的英语单词!

    Css(cascading  style sheet)  (级联样式表) a:active 单击鼠标左键 italic(倾斜) word-spacing  单词和单词之间的距离 underline下划线    Font-size文字的大小 Background-color:背景颜色 Background-attachme...

    2018年4月28日
    0169
  • css+div布局学习路线!

    自学CSS+DIV布局步骤 一、认清目的 首先要认识为什么要学习CSS,知道学习CSS目的是什么。 认识学习目的才能坚持持之以恒、认识学习目的才有目的性从中得到乐趣和享受! 二、基础学习 1、了解CSS作用是什么? 2、css...

    2017年11月7日
    0122
  • 如何搜索你的WordPress页面

    WordPress是一个很好的SEO友好平台,但为了更好的搜索引擎可见性,您需要SEO优化您在线发布的每个页面。 在这篇文章中,您将学习有关WordPress On Page SEO的所有信息。 我将首先解释一下WordPress帖子和页面之间的...

    2019年7月13日
    0171
  • 什么是SEO中的反向链接以及反向链接为什么那么重要?

    当你开始学习搜索引擎优化时,你会听到的一个词是“反向链接”或“传入链接”。为什么?因为他们仍然在搜索引擎优化和排名中发挥重要作用,特别是在谷歌方面。 反向链接并不容易获得,但那些拥有来自其他网站的强大传入...

    2019年8月18日
    0276
  • (四)如何修复OneDrive检查在线访问时的同步问题

    有时,它可能不是您的设置或互联网连接的问题。相反,它可能是服务的问题。 要检查您是否可以在线访问您的文件,请使用以下步骤: 单击右下角的OneDrive按钮。 单击“ 更多”选项。 单击“ 在线查看”选项。 ...

    2019年9月8日
    0224
  • css层叠样式表flex弹性盒模型(下)

    前言 本次主要讲的是flex弹性盒模型中项目的相关属性,容器的属性相关内容可以查看https://www.cwhello.com/6477.html 以下6个属性设置在项目上。 order flex-grow flex-shrink flex-basis flex align-self  order属...

    2018年4月28日
    0271
  • 链接诱饵的最终意义在于链接

    链接诱饵形式五花八门,很难有统一标准和适用于所有情况的模式。最重要的是创意。下面简单讨论几个需要注意的地方。 目标对象 毋庸讳言,链接诱饵的最终意义在于链接。而能给予链接的不是普通网民,而是自己拥有网站...

    2022年5月24日
    070