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

前端技术 2023/09/06 CSS

复制代码代码如下: //JS代码部分： var isShowFlag = 1;//是否显示 function isShowDet(){ if(isShowFlag == 0){ document.getElementById(\"queryDeatilDIV\").style....

css教程之绝对定位使用详解

前端技术 2023/09/06 CSS

一.基本概念: 如果说相对定位没有脱离文档流，相对于对象本身进行偏移有点拖泥带水的话，那么绝对定位绝对是快刀斩乱麻，因为绝对定位可以使一个对象脱离正常的文档流，好像是漂浮在正常文档流的上空,并相对于包含此对象的元素进行定位，当然这个定位相对元素在不同的情况下也有所不同。二.如...

前端技术 2023/09/06 CSS

CSS中通常我们需要将某元素居左、居右显示，这个时候我们就可以根据float来设置，在设置右对齐显示的时候，我们通常会遇到，右对齐的元素会换行，这样就会出现左右元素不在同一条线上，我们可以通过以下方式来解决这个问题：第一种解决办法：把左右对换，比如把日期放在标...

前端技术 2023/09/06 CSS

今天在学习easyui，在火狐下出现了一个问题，弹出window窗口时不在中间，而在IE和Google下却显示正常，如下图：从图可以看出出现的问题是因为火狐的body不是全屏，而ie下的是全屏，需要给body标签加上全屏的样式<body style=\"...

前端技术 2023/09/06 CSS

以下代码复制粘贴即可使用：示例一：复制代码代码如下: <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/...

前端技术 2023/09/06 CSS

在中文版Chrome里面，网页CSS里所有小于12px的字体设置都无效，最终将显示12px。这样弄的本意可能是好的，因为中文一旦小于12px，就变得不易阅读。但中文版Chrome也会阅读英文网站啊！中文网页里面也会有英文的小字体设置需求啊！尤其是一些文字部份的...

纯css3实现走马灯效果

前端技术 2023/09/06 CSS

纯css3实现了一个正六边形的走马灯效果，记录一下css3动画的学习情况，效果如下：主要用到的css3技术有：keyframes、perspective、perspective-origin、transform（translate、rotate）、animation、tra...

前端技术 2023/09/06 CSS

CSS中文字怎么斜体呢?这是我们日常生活中可以遇到的问题，因为我在前些日子也遇到了，然后就总结了一下。希望能对大家有所帮助。 Font-style：在CSS中用Font-style属性实现把文字设为斜体的。 Font-style属性值： normal：正常的字体...

前端技术 2023/09/06 CSS

position定位如果有重叠的时候，z-index愈大，就显示在最上面此时我们就可以设置div的css样式z-index:99999,那么该div就显示在最前面

前端技术 2023/09/06 CSS

本文实例讲述了纯CSS实现漂亮的下拉导航效果代码。分享给大家供大家参考。具体如下：这是一款纯CSS完成的下拉导航代码，蓝色经典色调，非常大气，适合政府和企业类网站作为顶部的导航菜单，浏览器兼容性完成OK，有需要的朋友可以拿去。运行效果截图如下：在线演示地址如下： htt...

关闭

我的博客