CSS 清除浮动

说说overflow: hidden的作用

overflow:hidden这个CSS样式是在前端开发中经常用到的CSS样式，如果只给容器添加overflow:hidden，IE6很可能根本看不见任何效果。但是一旦容器有了固定的高度、宽度，overflow:hidden立刻就达到了期望的效果。overflow:hidden;的作用是隐...

属于你的新浪微博PC清理计划#自定义插件

微博是现代社交化人类不可或缺的获取信息的重要渠道，然而随着不断的更新，PC版本的微博界面正在变得越来越臃肿不堪。对于长期患有视觉洁癖的人来说，当前的微博界面就仿佛5年前的广告杂志，任何可能贴片广告的空间都会被120%的利用起来。这是正常状态下访问新浪微博你看到界面：可能乍一看你不觉得什么，...

扫地太烦?科沃斯随心教你地面清洁三步骤

现代人的工作压力越来越大，在无休止的加班和令人烦躁的家务中，人们无疑生活得越来越艰难。致力于让机器人服务全球家庭的科沃斯，为解决此类问题研发了一系列家庭服务机器人产品，扫地机器人地宝很快成为个中翘楚。当你被扫地问题困扰的时候，地宝就是你最好的解决方案。吸扫结合，让灰尘无处藏身作为衡量一款扫地机器人清...

最全CSS兼容问题整理 IE6、7 与 Firefox

自从看到前端大神说网页要用div+css来布局，用table布局太low后，为了假装大神，也抛弃了table。于是从此陷入了CSS兼容的泥潭，一发不可收拾。现在总结起来，装神不是你想装，想装就能装，不如当菜鸟。资深的菜鸟，无招胜有招，想用啥就用啥，这境界不亚于大神。关键是要跳出技术想技术，就拿网页布...

前端css面试20道常见考题

1.请解释一下CSS3的flexbox（弹性盒布局模型）,以及适用场景？display:flex;在父元素设置，子元素受弹性盒影响，默认排成一行，如果超出一行，按比例压缩flex:1;子元素设置，设置子元素如何分配父元素的空间，flex:1,子元素宽度占满整个父元素align-items:ce...

CSS中before 和after的用法

CSS有两个说不上常用的伪类:before和:after，偶尔会被人用来添加些自定义格式什么的，但是它们的功用不仅于此。一基本语法在了解进阶的应用之前，先来了解一下语法规则。平常仅仅需要将这两个伪元素用于添加一些自定义字符时，只需使用伪类使用的单冒号写法，以保证浏览器的兼容性：p:befo...

css技巧之重置样式的那些事

在前端开发中，为了统一各个浏览器的样式统一，我们要将各个浏览器的默认样式进行重新设置。这个过程就叫做css样式重置。根据实际项目大家都有一套自己的样式。下面我们来看看需要特别说明的一些事：1、textarea标签中，默认的方式为：both；就是说：在textarea的右下角有一个三角，用户可以拖动，...

用 CSS 让你的页面变得美观又有层次

在网页开发中，HTML负责页面的内容结构，而CSS（层叠样式表）则负责让这些内容看起来更加美观、有吸引力。通过合理使用CSS选择器、布局和样式表，你可以轻松提升页面的视觉效果，使它更具层次感和美感。在这篇文章中，我们将从基础到高级，逐步教你如何用CSS让页面变得美观又有层次。一、CSS...

(新手必备)css常见问题及解决方案

针对firefoxie6ie7的css样式现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该...

移动端css重置的那些事

上次写了篇pc端的css重置样式，需要注意的一些事。好多xd留言，马上开动，说说移动端的css样式重置需要注意的一些事。1、和pc端不同的是，pc需要兼容低版本的浏览器，而移动端这方面的工作就小多了。2、移动端大胆的用css3吧那么重置移动端的样式有哪些注意点呢？容器的大小：-webkit-box-...