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

前端技术 2023/09/04 CSS

清除浮动是每一个 web前台设计师必须掌握的机能。css清除浮动大全，共8种方法。浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码，在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难...

前端技术 2023/09/04 CSS

一款基于纯CSS的气泡提示框，整个提示框由箭头和矩形框组成，并且气泡提示框的箭头可以有不同的方向。在线预览源码下载实现的代码。 css代码： CSS Code复制内容到剪贴板 .arrow_box { position: relative; ...

前端技术 2023/09/04 CSS

一、横向条纹如下代码： CSS Code复制内容到剪贴板 background: linear-gradient(#fb3 20%, #58a 80%) 上面代码表示整个图片的上部分20%和下部分20%是对应的纯色，只有中间的部分是渐变色。如果让中间的部分逐渐缩...

前端技术 2023/09/04 CSS

让一个层水平垂直居中是一个非常常见的布局方式，但在html中水平居中使用margin:0px auto;可以实现，但垂直居中使用外边距是无法达到效果的。（页面设置height:100%;是无效的），这里使用绝对定位+负外边距的方式来实现垂直居中，但同时要考虑页面...

前端技术 2023/09/04 CSS

一、div 标签未关闭　　这是版面设计失效的最常见原因之一。当我们了解到这是多少精致的版块设计失效的罪魁祸首时，总会大吃一惊。开启的div标签是最普遍的版块设计失误之一，也是最难诊断的失误之一。验证程序有时会指向错误的开启div标签，诊断时就像大海捞针一样麻烦...

CSS3实现多重边框的方法总结

前端技术 2023/09/04 CSS

方法1：div嵌套实现多重边框。效果图： html代码 XML/HTML Code复制内容到剪贴板 <div id=\"outer\"> <div id=\"inner\">div嵌套实现多重边框</div> <...

CSS垂直居中实现方法大全

前端技术 2023/09/04 CSS

摘要：　　在我们制作页面的时候经常会遇到内容垂直居中的需求，今天分享5种垂直居中的方法，每种方法都有自己的优缺点，可以选择自己喜欢的方式。以下代码都经过本人亲自测试。 line-height：复制代码代码如下:<style> .content { ...

详解CSS中@supports的用法

前端技术 2023/09/04 CSS

基于浏览器的特性检测大家应该已经很熟悉了，特别是modernizr.js推出来之后。其实w3c也出了规范，可以基于css来做一些特性检测，也就是@supports，这个特性已经有两年多了，之前浏览器支持度不够，现在webkit nightly也开始支持了，也就是说safari ...

前端技术 2023/09/04 CSS

Internet Explorer——前端攻城师的的恶梦，十个有九个前端人员都认为他为祸人间不浅，本应早点灭掉他，可是上天有好生之德，因而没有灭之，在此情况下，前端的攻程师们将就将就过吧。前面在《浏览器兼容之旅第一站:如何在页面中创建IE条件注释》和《浏览器兼容...

前端技术 2023/09/04 CSS

随着Css3和html5的风靡，越来越多的前端人员开始学习Css3，今天的文章就是来说说前端应该掌握10个Css3属性。 1. Border-radius Border-radius是一大堆CSS3属性中最受欢迎的一种，border-radius是CSS3中级别最高的一个属性。...

关闭

我的博客