当我们用div+css进行页面布局时，经常会出现一些意想不到的结果，比如画面排版乱了，没有呈现我们想要的样式，又或者设置一些属性不起作用，这些诡异的事情都非常让人头疼。其实，这些都出乎意料的事情是由浮动float引起的，它也是有解决办法的。这篇文章就给大家介绍如何用clear：both清除浮动，从而使页面回归正常。还不了解clear both的同学，可以参考一下，希望对你有用。首先，大家应该清楚浮动float的一些特点。如果给元素设...
CSS 2 引入了属性选择器，属性选择器可以根据元素的属性及属性值来选择元素。本章就给大家介绍css特定属性选择器lang的使用方法（详解）。有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。css :lang选择器定义用法介绍lang 向带有指定 lang 属性开始的元素添加样式。注意: 值是整个单词，单独像lang="en"，或者使用连字符(-)如lang ="en-us"。语法：:lang {style:属性； }lang使用举例：每个元素lang属性值等于"ab...
本章给大家带来css不透明度opacity详解，让大家了解什么是opacity属性，opacity属性的一些特性。有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。一、opacity属性1、opacity习惯上说“透明度”，其实应该叫“不透明度”。opacity 意思：不透明，而背景色的默认值：transparent意思才是“透明的”。所以opacity用来设置不透明度，取值从[0.0~1.0]，代表从完全透明到完全不透明，0.0就和transparent一样了，看不到但...
使用纯 CSS 的方法，暂停或播放 CSS 动画。是不是看起来应该是不可能的实现的；或者就算可以实现，也是一个很麻烦的实现方法，需要用大量的css样式才可以实现。其实不然，在 CSS3 animation 中，就有这样一个属性可以做到暂停、播放动画。本章就给大家介绍如何用纯CSS方式实现CSS动画的暂停与播放效果？animation-play-state属性介绍（详解）。有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。animation-play-stat...
在工作中为了使页面更具有吸引力，前端开发人员经常会在页面中加上鼠标移入和移出的效果。鼠标移入移出的设置，一般有两种方法，一种是单纯用CSS中的hover伪类，另一种可以用JS 中的DOM事件，即onmouseover和onmouseout。接下来这篇文章就和大家讲讲CSS伪类hover和JS鼠标事件mouseover的区别，希望可以帮助到你。JS可以对 HTML 事件作出反应，mouse属于javascript里的，他可以触发js命令，当元素绑定一个事件，事件发生的时候，可以...
在工作中经常会遇到因为选择器优先级导致的样式无法呈现，这个时候就要用到一个特殊的CSS属性，就是!important。!important使属性值有最高优先级，可以用它来设置想要的样式。那接下来就和大家讲讲CSS中!important 怎么使用，有需要的小伙伴过来看看吧。一、CSS !important 的作用和用法作用：提升指定样式规则的应用优先权，即!important提供了一个增加样式权重的方法，让浏览器首选执行这个语句。使用方法：选择器 {样式：值 !im...
在工作中为了使页面有动感，前端开发人员经常会在页面中加上鼠标经过和鼠标移出的效果，使页面更具有吸引力。这篇文章就和大家讲讲CSS中的hover事件，CSS:hover怎么使用，以及用代码说明怎么用CSS:hover变色。需要的小伙伴，继续往下看吧。细心的小伙伴会发现，几乎每个网站都会用到hover，hover一般被应用在按钮、logo以及图片等元素上面,但有些时候也会用到mouseover和mouseout这两个鼠标事件，但是JavaScript比较麻烦，建议能用...
本章给大家带来CSS的 Tooltip（提示工具）介绍（详解）。有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。提示工具在鼠标移动到指定元素后触发，可以在四个方位显示：头部显示、右边显示、左边显示、底部显示。一、基础提示框(Tooltip)提示框在鼠标移动到指定元素上显示：/* Tooltip 容器 */ .tooltip {position: relative;display: inline-block;border-bottom: 1px dotted black; /* 悬停元素上显示点线 */ }/* ...
在网页的设计中，滚动条的设计是非常必要的，这样当文字或者图片超出容器大小，就会出现滚动条样式，那么，css如何设置滚动条呢？接下来就来给大家说一说css滚动条设置的方法。首先我们来看一下css设置滚动条可能需要的属性。1、overflow-y : 设置当对象的内容超过其指定高度时如何管理内容；overflow-x : 设置当对象的内容超过其指定宽度时如何管理内容参数:visible：扩大面积以显示所有内容auto：仅当内容超出限定值时添加滚动条...
大部分前端工作者对常用的一些CSS属性应该已经烂熟于心了吧，那今天就来聊聊稍微生僻的CSS属性，你知道怎么使用 CSS align-content 属性吗？align-content 都有哪些属性值呢？想知道的小伙伴们继续往下看吧。一、CSS align-content属性的定义和使用方法定义：align-content 属性在弹性容器内的各项没有占用交叉轴上所有可用的空间时对齐容器内的各项（垂直）。作用：会设置自由盒内部各个项目在垂直方向排列方式。条件：必须对父元...
本篇文章主要给大家介绍css实现三角形的原理剖析及具体实现的方法教程。相信大家在浏览各个网站时，都有见过各种三角形标志的提示，比如导航部分中标题后面就可能会有三角形提示标志，或者某个提示对话框也是有三角形图像等等，在网站中，三角形标志的图像还是比较常见的。可能有部分朋友会觉得那样的图像是由ps图片做出来的。当然ps可以做出来，但是在网站设计中，显然效率会比较低。下面我们教大家如何用非常简单的css样式来实现...
本篇文章将要给大家详细介绍css中伪元素：before和：after的具体使用方法。有的新手小白们可能乍一看，觉得是个熟悉的单词，但是在css中出现就有点迷茫。我们都知道css功能是非常强大的。就是因为css的功能才能使得网页如此丰富多彩。首先css伪元素是用于向某些选择器添加特殊的效果。我们在制作网页中，一些特殊的动画效果都是离不开css伪元素的。当然css伪元素是有多种的，伪元素所控制的内容和一个元素控制的内容一样，但是伪元...
我们在进行网页前端开发的时候，为了使网站在视觉上显得更加美观，效果更加丰富，css的强大属性自然是功不可没。那么这里就要提到 一个我们在网页前端开发的时候常常使用的属性，css display属性。所有主流浏览器都支持 display 属性。其次，我们都知道display 属性规定元素应该生成的框的类型。而在css display属性中经常被用到，也是最常见的几种属性值：none、block、inline、inline-blockt。接下来我们就通过具体的代码实例来一...
这篇文章主要的讲述了关于html a标签让鼠标悬停变色，还有关于css控制鼠标悬停的其它样式。里面有着详细的实例教程，可以让大家学的更快，接下来就让我们一起来看这篇文章吧首先我们先来看看html中的a标签鼠标悬停的时候变色：大家应该都知道html中的a标签鼠标悬停的css属性吧，没错，今天我们说的就是它。:hover：这是在之前用a标签说css样式的时候说过。这个鼠标悬停的功能还不少呢，今天我们就来说说html中的a标签悬停的时候变色...
文字阴影这个词，可能对初入css门的新手来说乍一听有点陌生，那么我们换个说法，具有立体感的文字。这样是不是脑子里立马出现了一些画面。如果大家有看过我之前的这篇文章【css3制作阴影效果的方法详解】的话，对div阴影效果应该有所了解了，这个主要的属性是box-shadow样式属性。那么本篇文章继续给大家介绍css3怎么制作文字阴影效果，也就是说如何做3d字体，这里主要需要掌握的属性就是text-shadow样式属性，有的小白或许会问tex...