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

前端技术 2023/09/09 CSS

实现边框圆角 -moz-border-radius: 32px; -webkit-border-radius: 32px; border-radius: 32px; behavior: url(border-radius.htc); 复制代码代码如下: <...

前端技术 2023/09/09 CSS

在IE7及之前的版本中设置z-index的属性，确没有生效，查阅写资料，发现主要的结果和处理方法为：父级元素若设置为position:relative时候，则子级元素的z-index属性会被覆盖如复制代码代码如下: <div style=\"posi...

前端技术 2023/09/09 CSS

复制代码代码如下: #box width:200px; height:100px; border:1px solid red; color:#ffffff; background:url(\"photo.gif\") re...

IE6与CSS样式兼容问题汇总

前端技术 2023/09/09 CSS

1、PNG半透明图片的问题虽然可以通过JS等方式解决，但依然存在载入速度等问题，所以，这个上能不要用还是尽量不要用。以达到网站最大优化。 2、IE6下的圆角 IE6不支持CSS3的圆角属性，比较好的解决方法就是用图片圆角来替代，或者放弃IE6的圆角。 3、IE6背景闪烁 ...

前端技术 2023/09/09 CSS

以下代码实现纵向导航功能，并为导航添加了超链接（用#不可用的超链接代替），如下图所示复制代码代码如下: <!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://w...

ul设置列表为一行2条的方法

前端技术 2023/09/09 CSS

float:left + 设置ul的宽度 + 设置li的宽度 1.其实设置ul的列表本来是一行一行的，当设置li的float为left的时候可以看见成为一行 2.比如ul的宽度为200px,为了实现一行2条，我们可以设置li的宽度为75px,由于float为le...

CSS3提交意见输入框样式代码

前端技术 2023/09/09 CSS

做了个输入框样式，如图： CSS代码如下：复制代码代码如下: #button { cursor:pointer; width:30%; margin:5px; padding:8px; border-radius:4px 4px 4px 4px; font-...

前端技术 2023/09/09 CSS

当谈到Web的“高性能”时，很多人想到的是页面加载时间，但其实性能不仅仅是指加载时间，还包括浏览器性能、网络性能、开发效率。在Web前端开发中，性能是一个非常重要的需要考虑的点。本文将介绍一些开发原则和性能准则，这些都是提高Web前端性能的基础。 1. 开发原则 1.1 编写符...

前端技术 2023/09/09 CSS

语法媒体查询包含了一个媒体类型和如CSS3规范中描述的包含一个或多个表达式的媒体属性，这些媒体属性会被解析成真或假。如果媒体查询中的媒体类型与文档要展示的设备相符则查询结果为真，并且媒体查询中的所有表达式为真。 CSS Code复制内容到剪贴板 <!-- li...

CSS3+js实现简单的时钟特效

前端技术 2023/09/09 CSS

学习css3ing，正在学习transfomr，突发奇想用此做个小时钟，开始吧：准备前期工作，把时钟的表盘，时分秒针，实时时间标签的大概样子做好，效果如图： html代码如下：复制代码代码如下:<div class=\"main\"> <...

关闭

我的博客