CSS - 分享生活和学习中的点点滴滴

前端技术 2023/09/07 CSS

CSS DIV网页布局中当分辨率小于等于1024px（像素）时，DIV布局对象显示1000px宽度，当分辨率大于1024px时候显示1200px宽度等需求。使用CSS实现改变浏览器显示宽度从而实现布局的网页宽度动态改变变化（网页宽度自动随浏览器显示宽度而变宽变窄）。随着发展，越...

前端技术 2023/09/07 CSS

IE下textarea默认情况下会显示出竖直方向的滚动条：复制代码代码如下: <textarea style=\"height:100px;\"></textarea> 如果需要隐藏滚动条，行数超过height时才显示出滚动条，需要把...

IE6的3像素 bug解决方案分享

前端技术 2023/09/08 CSS

在我们这样一个神奇的国度，到了2014年了，居然还是有很多人的电脑上用着XP,安装的是IE6，他们没有想过要升级，我们就得想着兼容他们。。。。一、 6爷我喝高了，最后一行有重影。那什么是IE6 的3像素bug？ IE7修正了IE6中的一个bug，bug名字就叫做“3像素bug...

前端技术 2023/09/08 CSS

1. :hover伪类在触屏上表现不完美，在Android的WebView中，WebKit会处理touch事件和mouse事件，当手指停留在按钮上，hover状态的确被触发，但是当手指保持接触屏幕并离开按钮，hover状态依然保留。所以需要借助:active伪类...

前端技术 2023/09/08 CSS

　　之前为大家分享过一款基于jquery的手风琴显示详情，今天给大家分享基于css3的鼠标经过动画显示详情特效。这款实例鼠标经过的时候基于中间动画放大，效果非常不错，效果图如下：　　实现的代码。　　html代码： XML/HTML Code复制内容到剪贴板 <...

前端技术 2023/09/08 CSS

Block element 块级元素顾名思义就是以块显示的元素，高度宽度都是可以设置的。比如我们常用的<div>、<p>、<ul>默认状态下都是属于块级元素。块级元素比较霸道，默认状态下每次都占据一整个行，后面的内容也必须再新起一行显示。当然...

纯css样式实现3角型

前端技术 2023/09/08 CSS

复制代码代码如下: .devise-welcome-triangle{ border-right: #ccc 8px solid !important; border-top: transparent 6px solid !important; border-bottom: t...

前端技术 2023/09/08 CSS

很久没有写前端代码了，最近有个项目需要亲自动手，但是在做的过程中，发现了一个很简单却又很多人应该碰到的问题，设置Z-INDEX属性无效。在CSS中，只能通过代码改变层级，这个属性就是z-index，要让z-index起作用有个小小前提，就是元素的positio...

前端技术 2023/09/08 CSS

本文实例讲述了CSS实现自适应宽度的菜单按钮效果代码。分享给大家供大家参考。具体如下：这是一款基于CSS打造的自适应宽度的按钮效果代码，本效果你可以说它是菜单，也可以说它是一个CSS按钮的写法实例，不知你是否发现，菜单项的长宽可以自适应文字的多少，文字越多，它就越长，文字越少...

前端技术 2023/09/08 CSS

最近在学习CSS，在浮动上遇到一问题：既然浮动元素脱离了文档流，为什么文字会环绕在浮动元素的周边而不是跟浮动元素重合呢？这问题困扰了我整整一天，上网各种搜、各种问人，也没有让我信服的答案（可能有的答案是正确的，但是我基础差，没有听懂）。最后经过一整天搜索、询问...

关闭

我的博客