可能很有小伙伴看到标题都不知道是什么意思，hideFocus即隐藏聚焦，具有使对象聚焦失效的功能，其功能相当于： onFocus=this.blur() 它的是一个布尔，如hideFocus=true。也可省略赋直接写hideFocus。 今天我们就给大家详细介绍下css中关于hideFocus的使用详解！css中hideFocus的用法简单说：hideFocus是对超链接外虚线框的设定！hideFocus即隐藏聚焦，具有使对象聚焦失效的功能，其功能相当于： onFocus="this.blur()"它的值是一个...
在前面一篇文章中，我们给大家介绍了CSS设置div滚动条样式，我们都知道当内容超出容器时，容器会出现滚动条，其自带的滚动条有时无法满足我们审美要求，那么我们可以通过css伪类来实现对滚动条的自定义。首先我们要了解滚动条。滚动条从外观来看是由两部分组成：1，可以滑动的部分，我们叫它滑块2，滚动条的轨道，即滑块的轨道，一般来说滑块的颜色比轨道的颜色深。滚动条的css样式主要有三部分组成： 1、::-webkit-scrollbar ...
HTML转TXT很简单，需要一台计算机即可操作，只需要把网页HTML文档的扩展名.html改成TXT文本格式的扩展名，即可用记事本打开。如果没有显示扩展名的需要计算机设置显示扩展名。下面我们介绍如何将html网页文件转换为txt文本格式文件。HTML转TXT具体方法步骤如下：1、首先需要让计算机显示文件扩展名，以便我们能看到和更改扩展名2、进入重命名鼠标点击一次需要更改扩展名html文件，然后鼠标右键点击弹出右键选项卡弹出右键选项卡弹出...
一、order属性order属性定义项目的排列顺序。数值越小，排列越靠前，默认为0。二、flex-grow属性flex-grow属性定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大。如果所有项目的flex-grow属性都为1，则它们将等分剩余空间（如果有的话）。如果一个项目的flex-grow属性为2，其他项目都为1，则前者占据的剩余空间将比其他项多一倍。三、flex-shrink属性flex-shrink属性定义了项目的缩小比例，默认为1，即如果空间不足，该...
这次是简单的谈一下我们常见的渐变在各个浏览器下的兼容性问题，算一个比较简单的问题。 我们熟知的浏览器有Chrome、Firefox、Opera、Safari以及ie系列。最基础的background:#cccccc属性表示页面呈现#cccccc色，当然这个在任何浏览器下面都是满足的。但是随着我们对颜色要求的提高，引入了渐变linear-gradient，不同的浏览器对于它的认知需要加不同的前缀。通过上面的例子我们可以知道firefox:-moz-、chrome/safari/opera:-webkit...
这样写是没问题，直到有个子元素需要设置一个不同的字体大小，比如，在这样的标签当中： The cat sat on the mat. 如果你要设置span的字体大小为1.2em，你需要做什么？拿出计算器，算算1.2除以1.4是多少，结果如下： p span { font-size: 0.85714em; } 这个问题不局限于em。如果用百分比来创建响应式的流式布局网站，而百分比是与容器相关的，所以，如果要定义一个元素为它的容器的40%，它的高是75%，宽则需要设置为53.33333...
浮动因素在静态网页制作中经常被应用到，比如要让块级元素不独占一行，常常应用设置float的方式来实现。但是应用的时候会发现，设置了子类浮动后，未给父类清除浮动，这样就会造成一下问题： 1.浮动的元素会相对于父容器或者是前面已经定位的元素进行浮动，浮动的元素脱离文档流，也就是不再占有原有的位置，会影响后面的元素或者是父容器。 2.父容器正常情况下会自动扩高，但是子元素加了浮动后位置...
第一题：根据以上代码，我们来判断一下P语句中的“文字”到底是什么颜色？#box1 .spec2 p 这是第一个，根据权重判断，我们可以看出有一个id选择器，一个类选择器，一个标签选择器，其权重应该是1,1,1p p #box3 p 这是第二个，我们可以看出有一个id选择器，没有类选择器，3个标签选择器，其权重应该为1,0,3p.spec1 p.spec2 p.spec3 p 这是第三个，我们可以看出没有id选择器，有3个类选择器，4个标签选择器，权重应该是0,3,4这三个进...
【CSS3盒模型display：box的应用】CSS3新增属性“display:box;”和“box-flex:数值”是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。box-flex属性：主要让子容器针对父容器的宽度按一定规则进行划分。啥都不说了，自己贴代码看效果。Html结构：<body> <p>魔</p><p>术</p><p>师</p> </body>应用：水平布局bo...
边框操作是每位前端工程师们经常会遇到的，下面这篇文章主要给大家介绍了关于单元素如何利用css实现多重边框效果的相关资料，文中通过示例代码给大家详细介绍了实现的过程，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习学习下吧。前言最近在工作中遇到一个值得思考的问题，在CSS中，要实现同一种效果可能有很多种方式，就比如今天所要讲的多重边框，有人可能会想，那还不简单？要多少边框直接嵌套多少...
before 和 after其实就是附着在元素前后的伪元素，说他是伪元素的意思就是，元素不是在DOM中生成的，而是在浏览器渲染引擎渲染CSS的时候画上去的，这篇文章主要给大家介绍了关于CSS3中伪元素::before和::after的用法，需要的朋友可以参考学习。前言众所周知::before与::after两个伪元素其实是CSS3中的内容，然而实际上在CSS2中就已经有了这两者的身影，只不过CSS2中是前面加一个冒号来表示（:before和:after）。今天主要讲讲这两个...
本篇文章主要介绍了css3 pointer-events，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧pointer-events 是什么？顾名思义，pointer-events 是一个用于 HTML 指针事件的属性。pointer-events 可以禁用 HTML 元素的 hover/focus/active 等动态效果。默认值为 auto，语法：代码如下:pointer-events: auto | none | visiblepainted | visiblefill | visiblestroke | visible | painted | fill | stroke...
在标准流中，一个块级元素在水平方向会自动伸展，直到包含它的元素的边界；而在竖直方向和兄弟元素依次排列，不能并排。使用“浮动”方式后，块级元素的表现就会有所不同。 CSS中有一个float属性，默认为none，也就是标准流通常的情况。如果将float属性的值设置为left或right，元素就会向其父元素的左侧或右侧靠紧，同时默认情况下，盒子的宽度不在伸展，而是根据盒子里面的内容的宽度来确定。准备基础代码 浮动的性质比...
CSS3的animation属性可以像Flash制作动画一样，通过控制关键帧来控制动画的每一步，实现更为复杂的动画效果。下面通过本文给大家分享基于CSS3 animation动画属性实现轮播图效果，需要的朋友参考下吧animation简介：CSS3的animation属性可以像Flash制作动画一样，通过控制关键帧来控制动画的每一步，实现更为复杂的动画效果。ainimation实现动画效果主要由两部分组成：1）通过类似Flash动画中的帧来声明一个动画；2）在animation属性...
本文通过实例代码给大家介绍了CSS实现鼠标悬浮无限向下级展示的实例代码，需要的朋友参考下吧废话不多说了，直接大家贴代码了，具体代码如下所示；*{margin: 0;padding: 0;}ul,li{list-style: none;}.ui-slide-box{width: 300px;}.ui-slide-item{width: 100%;position: relative;}.ui-slide-item-text{display: block;background-color: #000000;color: white;border-bottom: 1px solid yellow;height: 40px;line-height: 40px;}.u...