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

前端技术 2023/09/06 CSS

div+css的布局相比table布局简化了前端开发的复杂性，也会带来一些问题，现在我们就说一下浮动定位在页面大小改变时布局错位的解决办法，给页面设置最小宽度：只需更改全局css样式表复制代码代码如下: body { /* 加入一下两行 */ min-wid...

前端技术 2023/09/06 CSS

一、诉说前言 before/after伪类相当于在元素内部插入两个额外的标签，其最适合也是最推荐的应用就是图形生成。在一些精致的UI实现上，可以简化HTML代码，提高可读性和可维护性。国外这两个伪类应用相当的普及以及兴盛，不过貌似我们这边前端er们普遍缺乏使用这两个伪类的意识，...

css3实现超炫风车特效

前端技术 2023/09/06 CSS

前面讲过css3可以替代很多js实现的效果，其实很多时候纯css3甚至可以替代图片，直接用css3就可以画出一些简单的图片。虽然css3画出来的图片效果可能不如直接用图片的好，实现起来也比较复杂，最麻烦的是兼容性问题，不如图片来得直接实用。但是换一种思路去思考问题的解决办法往往...

CSS相框效果示例代码

前端技术 2023/09/06 CSS

效果图 1、CSS样式复制代码代码如下: .pic .box{ background:url(/MyDemo/images/round1.png) no-repeat; width:60px; height:60px; display:block; _bac...

前端技术 2023/09/06 CSS

.布局前的认知1.1 三种基本方案多栏布局有三种基本的实现方案：固定宽度、流动、弹性。固定宽度。布局的大小不会随用户调整浏览器窗口大小而变化，一般是 900 到 1100 像素宽（最常见的是 960 像素）。流动。布局的大小会随用户调整浏览器窗口大小而变化...

前端技术 2023/09/06 CSS

CSS代码复制代码代码如下:.test3 span { position: relative;}.test3 span a { position: relative; z-index: 2; }.test3 span a:hover, .test3 span ...

前端技术 2023/09/06 CSS

很老的问题了，如今再次碰到，记录下来，给后来者方便！众所周知，在Firefox下input type=”button”的文字是不好居中的，原因在于Firefox自己比较二，弄了个私有属性，导致以下问题的出现： 1.按钮左右本身有2px的间距（FF私有属性写了p...

前端技术 2023/09/06 CSS

CSS3的border-radius利用DIV+CSS生成圆角边框，在很多情况下都会用到，目前DIV+CSS的圆角边框，一种是利用CSS3，一种是利用布局模拟出圆角。先说第一种，利用CSS3，前提是您的浏览器必须支持CSS3，Firefox3是支持的，我看到的很多网站圆角也是...

前端技术 2023/09/06 CSS

随着微软新操作系统的上市，ie6现在用的人越来越少了，但是XP系统看来是太过经典，仍然有相当多的用户在使用，且这部分人群中的大部分也没有单独升级浏览器的习惯，于是乎ie6依旧是使用最多的浏览器版本。根据本站流量的统计，来自ie6的访问比重为72.6%。表明了以上...

div+css背景渐变色代码示例

前端技术 2023/09/06 CSS

这个示例代码就是上面是红色，下面是黑色，渐变色的。复制代码代码如下: <style type=\"text/css\"> #round { height: 200px; width:100px; margin:0px auto; backgroun...

关闭

我的博客