谁说css中id选择器权重一定比class“高”？-唯品秀前端博客

HTML/CSS
谁说css中id选择器权重一定比class“高”？

HTML/CSS
利用flex布局超简单实现瀑布流排版

HTML/CSS
利用css3进行表单验证并且配带结果提示

HTML/CSS
移动端rem小于12px文字-webkit-text-size-adjust

HTML/CSS
【mac safari浏览器】设置border-radius但overflow:hidden失效问题

HTML/CSS
css3弹性盒子display:flex常见属性总结

HTML/CSS
使用css3绘制任意角度扇形

HTML/CSS
CSS3神奇的css高亮 – filter(滤镜)

HTML/CSS
前端针对某个特殊浏览器做兼容（Hack）

HTML/CSS
深入了解line-height文字垂直居中

HTML/CSS
使用less自动进行移动端rem适配计算

HTML/CSS
页面不满一屏footer固定在底部

HTML/CSS
双击视频/图片全屏功能（解决全屏后双击无法退出）

HTML/CSS
CSS3中伪类的content和attr的用法

HTML/CSS
HTML5摇一摇，如何判断设备摇动 – H5陀螺仪

唯品秀博客: weipxiu.com，一个关注Web前端开发技术、关注用户体验、坚持更多原创实战教程的个人网站，愿景：成为宇宙中最具有代表性的前端博客，期待您的参与

vanhua（5小时前）
最近有点懈怠了，文也发得少了！
评：浅谈Node.js做中间层看法（又一篇水文）
管理员（6天前）
没意思，出来一个没多久就不能用了，都不稳定
评：GitHub互赞、互Star、刷赞平台 - GitStar快速提升项目人气
冰雨（6天前）
博主新地址不能用啊？
评：GitHub互赞、互Star、刷赞平台 - GitStar快速提升项目人气
管理员（2周前 (07-12)）
是么，咋看的，我没注意
评：双击视频/图片全屏功能（解决全屏后双击无法退出）
奶爸建网站笔记（2周前 (07-11)）
为什么你的都是18年的内容？RSS
评：双击视频/图片全屏功能（解决全屏后双击无法退出）
管理员（3周前 (06-29)）
同样产品我们比价格，同样价格我们比售后，阿里云在价格这块就输的一塌糊涂
评：近期网站调整服务器，导致访问不太稳定

他们同样是一群网虫，却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步，但同学却不局限在一国一校，而是遍及全球！申请交换友链

文章总数： 220 篇
草稿数目： 0 篇
分类数目： 14 个
独立页面： 6 个
评论总数： 969 条
链接总数： 13 个
标签总数： 406 个
建站时间： 950 天
注册用户： 1417 人
访问总量： 8708426 次
最近更新： 2019年7月17日

HTML/CSS
谁说css中id选择器权重一定比class“高”？

HTML/CSS
利用flex布局超简单实现瀑布流排版

HTML/CSS
利用css3进行表单验证并且配带结果提示

HTML/CSS
移动端rem小于12px文字-webkit-text-size-adjust

HTML/CSS
【mac safari浏览器】设置border-radius但overflow:hidden失效问题

HTML/CSS
css3弹性盒子display:flex常见属性总结

HTML/CSS
使用css3绘制任意角度扇形

HTML/CSS
CSS3神奇的css高亮 – filter(滤镜)

HTML/CSS
前端针对某个特殊浏览器做兼容（Hack）

HTML/CSS
深入了解line-height文字垂直居中

HTML/CSS
使用less自动进行移动端rem适配计算

HTML/CSS
页面不满一屏footer固定在底部

HTML/CSS
双击视频/图片全屏功能（解决全屏后双击无法退出）

HTML/CSS
CSS3中伪类的content和attr的用法

HTML/CSS
HTML5摇一摇，如何判断设备摇动 – H5陀螺仪

在前端世界里，大家学完布局应该就脑子有个印象，觉得css世界中id的权重肯定是比class要高，事实一定如此吗？甚至很多人做了个比重打分划分，如下： 权重的等级 1234561、!important，加在样式属性值后...

瀑布流布局基本大家都见过，绝大多数是用于图片上。其实以前想做瀑布流还是不容易的，因为需要去定位，动态计算每张图片位置，于是就很多人做了类似的jq插件，但css3出来后，想做瀑布流那就是小儿科了...

通过css3我们也可以进行验证表单非法字符，并且还能给出提示语 1234567891011 <form class="form" id="form" method="get" action="/api/form"> ...

昨天做项目，遇到一个神奇的css问题，也是我做前端为止遇到的最花我时间的一个问题，整整找了一下午这个bug，先说说问题。大家在做移动端开发H5页面时候，设计图通常是750px宽，然后通过rem转换我们在...

正常来讲，如果我们设置父亲元素圆角，并且设置超出部分隐藏，那么子元素也应该限制在这个父亲带有圆角的区域内，但事与愿违，如下图： 在之前帮别人做的一个案例中也有同样的问题，因为子元素设置了t...

一：display:flex 布局 display:flex 是一种布局方式。它即可以应用于容器中，也可以应用于行内元素。是W3C提出的一种新的方案，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏...

核心技术两点，一、旋转rotate，二、倾斜skewY，直接上代码： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869...

效果展示 现在请用鼠标轻轻抚摸下咱们景甜小姐姐的小胸脯，初看到这个效果，是否想到的是改变两张图片的透明度，查看之后发现是用filter实现的，很简洁有没有。实现方式、隐藏显示，也可以用图片定位，...

此处的“hack”并非是网络中很神秘的组织“黑客”，而是使用他们可以帮助你解决浏览器下一些怪异和特殊的bug。很多时候对于这样的讨论也非常多，比如说在您的代码中应不应该使用hack？甚至延伸到使用“hack”...

先思考下面这个问题：默认空div高度是 0，但是一旦里面写上几个文字，div高度就有了，请问这个高度由何而来，或者说是由哪个 CSS 属性决定的？ 如果仅仅通过表象来确认，估计不少人会认为div高度是由里...

在做移动端的时候，最主要的问题就是要做适配，通过我们都是通过rem，但是，rem和px需要我们去转换，在一个项目中前端尺寸每次都需要计算的时候，那就应该交给插件工具们，当然，如果你的项目是工程化...

很多时候比如登录和注册页面，又或者是列表页面数据很少的情况下，我们是不希望底部footer跑到屏幕上方去的，而是希望固定在底部，但是当内容足够一屏幕时候，底部继续随着信息流往下走，当前案例代码...

首先：实现全屏功能并不麻烦，两个api就能搞定，全屏：element.requestFullscreen();退出全屏：document.exitFullscreen();但实际运用中发现，全屏后是无法再双击退出全屏，本文重点就是解决这个问题，...

说起css的content，很多人都知道那就是用来在标签头尾插入内容的，但如果你说css里面的attr和content有啥关系，我想还是蛮多人不知道的吧，attr做前端的应该见名思义是用来操作html属性的，确实，在这...

好奇宝宝花点时间看了看这玩意儿，感觉还蛮好玩的样子，实际用处似乎不大，不过如果你是经常做移动端活动页面，那很可能用得上哦，不多说，直接贴代码和demo，有案例 12345678910111213141516171819202...

博客简介

在前端世界里，大家学完布局应该就脑子有个印象，觉得css世界中id的权重肯定是比class要高，事实一定如此吗？甚至很多人做了个比重打分划分，如下：权重的等级 1234561、!important，加在样式属性值后...

正常来讲，如果我们设置父亲元素圆角，并且设置超出部分隐藏，那么子元素也应该限制在这个父亲带有圆角的区域内，但事与愿违，如下图：在之前帮别人做的一个案例中也有同样的问题，因为子元素设置了t...

效果展示现在请用鼠标轻轻抚摸下咱们景甜小姐姐的小胸脯，初看到这个效果，是否想到的是改变两张图片的透明度，查看之后发现是用filter实现的，很简洁有没有。实现方式、隐藏显示，也可以用图片定位，...

先思考下面这个问题：默认空div高度是 0，但是一旦里面写上几个文字，div高度就有了，请问这个高度由何而来，或者说是由哪个 CSS 属性决定的？如果仅仅通过表象来确认，估计不少人会认为div高度是由里...