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

前端技术 2023/09/07 CSS

复制代码代码如下: <!doctype html> <html> <head> <meta charset=\"utf-8\"> <title>轻松实现：垂直居中文字图片</title> <!-- S...

前端技术 2023/09/07 CSS

CSS3设置文字阴影效果，对文字字体设置阴影效果，采用text-shadow样式，本来在CSS2版本中也有此属性，但在CSS3中文字阴影text-shadow再次被应用，丰富文字排版布局美化效果。 CSS3单词与语法 CSS3单词： text-shadow 语法结构：text-...

前端技术 2023/09/07 CSS

复制代码代码如下:.rad{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}.rad-bl{ -moz-border-radius-bottomleft:10px; -webk...

前端技术 2023/09/07 CSS

一、制作静态的紫色条纹进度条html代码： XML/HTML Code复制内容到剪贴板 <body> <div class=\"progress-bar purple\"> <span style=\"width:40%;\">&l...

前端技术 2023/09/07 CSS

动画在webapp的现状 webapp模式的网站追求的就是一个体验，是HTML5&CSS3浪潮下的产物，抛开体验不说，webapp模式门槛比较高；而体验优化的一个重点便是动画，可以说动画是webapp的一个亮点。但也是一个难点，一个痛点，主要原因是：...

前端技术 2023/09/07 CSS

今天在用css美化django做出的网页页面时，想把查询的窗口拉长，弄成像百度查询窗口一样。结果默认的样式查询窗口比较短，简单用width和height来改变form的设置，导致文本框与按钮分成了两行。查了好多资料之后，终于成功解决了问题。现贴最终设置成功的代...

前端技术 2023/09/07 CSS

兼容浏览器的inline-block，为什么要这么写是因为有些老的浏览器对inline-block并不支持，那么就需要这么写了 CSS Code复制内容到剪贴板 .inlineblock{ display:inline-block; *...

前端技术 2023/09/07 CSS

火狐在需要获取div的高度时，往往需要用到offsetHeight，有时会碰到offsetHeight获取到为0的现象，在使用IE或者火狐中，特别在目前div+css的方式，往往不定义div的高度，这是在添加div内容后，需要获取div的高度时，往往需要用到o...

CSS3 绘制BMW logo实的现代码

前端技术 2023/09/07 CSS

火热的移动互联网让我看到了HTML5，CSS3的伟大前景。虽然web端对CSS3的支持还有很多兼容性问题，但是我很愿意相信web端越来越富了，越来越生动了。这是我对他们的学习越来越有兴趣了。下面是我用CSS3绘制的一个BMW的标志。浏览器支持：chrome， safa...

前端技术 2023/09/07 CSS

下面的代码将演示三角形如何产生 HTML 复制代码代码如下: <div class=\"triangles\"></div> LESS 复制代码代码如下: .triangles { border: 50px solid transpare...

关闭

我的博客