浮动与超链接伪类

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如何居中显示。

    css设置图片居中怎么设置 使用flex布局:将图片的父元素设置为display: flex,并使用justify-content和align-items属性来水平和垂直居中图片。 如何通过css设置一张背景图片自动水平垂直居中呢?可以通过css提供的…

    2024年6月16日
    00
  • 教你SEO优化人员要怎么解决链接过期的问题。

    在网站SEO优化中,有时会发现某个页面的链接可能过期了,但是恰好这个过期链接已经被搜索引擎收录而且还有了排名,怎么办呢?如果不删除?用户通过搜索找到该页面,点击进入后,上面的内容陈旧,如果有用户前来咨询…

    2022年12月4日
    05
  • 教你html如何改字体颜色。

    HTML中改变字体颜色的方法有多种,下面将详细介绍几种常用的方法。 (图片来源网络,侵删) 1、使用内联样式(Inline Style) 在HTML元素中使用style属性来直接定义字体颜色。 语法格式:<element style="c…

    2024年6月26日
    00
  • SEO站外链接和站内链接两大作用

    反链即反向链接,又叫导入链接(Backlinks),是指一个页面指向另一个页面,简单的说就是 A 网页有一个链接指向 B 网页,那么 A 网页上的链接就是 B 网页的反向链接,站外链接和站内链接统称为反链,这个在在&ldquo…

    2022年5月23日
    0178
  • 我的php学习第六天之css篇

    昨日回顾 CSS的介绍 CSS,Cascading Style Sheets层叠样式表。 一个网页由三个部分:结构、表现、行为,对应的标准是:XHTML、CSS、JavaScript。 这三个标准语言,是浏览器直接可以识别的,并且能直接进行解释(翻译…

    2015年10月14日 css自学教程
    0305
  • 小编教你如何优化SEO内部链接。

    很多刚刚接触seo的小白们,对于内部链接的概念并不熟悉。其实网站的内部链接一般是指在站内的A页面有相关链接指向到B页面。在网站的seo优化中,做好内部链接的工作是SEOer们的基础工作之一。下面我们就来盘点一下如…

    2023年6月28日
    00
  • 我来教你SEO优化中外链建设的四大核心要素。

    我们知道外链,也许并不是SEO优化的全部,但通过链接,搜索引擎可以很好的统计目标网站链接的数量以及权威度,从而进一步判断,目标页面针对特定关键词,在搜索结果中的合理位置。同时,它也是每次百度算法迭代更新…

    2022年12月2日
    04
  • 一个成熟的前端开发者都需要哪些知识。

    首先,成为一名成熟的开发者,首先必是一位有基础的开发。 所以最基本的一些HTML、CSS、JavaScript这些基础的语法,就不详细说了。 扎实的JavaScript基础 在前端开发里,最讲究的还是在JS里,基础的语法,能运用很…

    2022年7月4日 建站资讯
    0174

联系我们

QQ:951076433

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