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

前端技术 2023/09/08 CSS

让IE 6,7,8支持CSS3的部分属性。今天要给大家介绍的这个htc，它可以让IE浏览器支持CSS3的border-radius、box-shadow、border-image、CSS3 Backgrounds (-pie-background)、Gradients、RGBA...

前端技术 2023/09/08 CSS

一、什么是CSS Hack？不同的浏览器对CSS的解析结果是不同的，因此会导致相同的CSS输出的页面效果不同，这就需要CSS Hack来解决浏览器局部的兼容性问题。而这个针对不同的浏览器写不同的CSS 代码的过程，就叫CSS Hack。 CSS Hack常见的有三种形式：CS...

前端技术 2023/09/08 CSS

兼容性： IE6、IE7不识别inline-block但可以触发块元素。其它主流浏览器均支持inline-block。解决IE6、IE7兼容性的方法： 1、首先设置inline-block触发块元素，具有了layout的特性，然后设置display:inli...

前端技术 2023/09/08 CSS

行内样式行内样式是写在HTML标签的style属性里的，比如： CSS Code复制内容到剪贴板 <p style=\"font-size: 12px;font-weight: 200;color: #333333\">Hello Everyone!<...

前端技术 2023/09/08 CSS

加载动画和进度条的真正目的是让用户了解任务的进度，有很多的基于JavaScript的动画，但我决定切换到CSS3。在本教程中，我决定制作动画的进度条，使用纯CSS：没有flash，没有图像，没有脚本。此外，我专注于寻找最简单的办法做到这一点。这里的例子： ...

前端技术 2023/09/08 CSS

CSS中的clip-path能够让你指定一个网页元素的显示区域，而不是缺省的显示全部。 CSS Code复制内容到剪贴板 .clip-me { /* 已被标志为不推荐使用的写法 */ position: absolute; /* 需要 a...

前端技术 2023/09/08 CSS

这样一个需求，第三方联合登陆的头像和昵称整体水平居中，如图：对于这样的需求，不能简单的对包含头像和昵称的div使用margin: 0 auto了，因为昵称的长度是未知的。 solution 1：利用行内元素的padding-left属性。把图片绝对定位到padding-l...

前端技术 2023/09/08 CSS

语法: position：static | relative | absolute | fixed 取值: static：默认值，无特殊定位，对象遵循正常文档流。top，right，bottom，left等属性不会被应用，默认值。 relative：相对定位，对...

前端技术 2023/09/08 CSS

CSS相关知识 (1)如何解决父元素的第一个子元素的margin-top越界问题 1)为父元素加border-top: 1px;——有副作用 2)为父元素指定padding-top: 1px;——有副作用 3)为父元素指定overflow:hidden;——有副作用 4)为父元...

前端技术 2023/09/08 CSS

CSS3之边框多颜色Border-color是专为边框的多颜色而准备的属性。在CSS2中也有边框颜色这个属性，但是边框颜色属性在CSS3中又有什么惊人之举呢?下面就为大家介绍一下CSS3之边框多颜色Border-color吧。一、Border-color的语法...

关闭

我的博客