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

前端技术 2023/09/06 CSS

以最简单的header为例直接上代码复制代码代码如下: <!DOCTYPE HTML> <head> <script src=\"jquery-1.8.2.min.js\"></script> <style...

前端技术 2023/09/06 CSS

考虑一下，如何在网页中达到类似以下文字渐变的效果？传统的实现中，是用一副透明渐变的图片覆盖在文字上。具体实现方式可参考 http://www.qianduan.net/css-gradient-text-effect.html 。这种方式优点是图片可控，所以可实现很复杂的渐变...

css3动画效果小结(推荐)

前端技术 2023/09/06 CSS

css3的动画功能有以下三种: 1、transition(过度属性)2、animation(动画属性)3、transform(2D/3D转换属性) 下面逐一进行介绍我的理解： 1、transition:<过渡属性名称> <过渡时间> <过渡模式&g...

前端技术 2023/09/06 CSS

前提：很多时候、我们的网页都需要一个垂直的导航栏、可以分类、有分类、自然就有展开、关闭的功能、你还在使用jquery操作dom来制作吗？那你就out了！方案：使用checkbox 的 checked 属性、巧妙地制作导航栏结果：我们主要制作成这样这样的的导航栏：首先、...

前端技术 2023/09/06 CSS

用CSS创建打印页面，不必为打印而专门建立一个HTML文件，可以节省一些体力，其前提是按“WEB标准”用CSS+DIV布局HTML页面。第一、在HTML页面加入为打印机设置的CSS文件复制代码代码如下: <link href=\"css/admin.c...

前端技术 2023/09/06 CSS

Flexible Box(弹性盒子)能让页面的分布更合理和方便，这是之前使用常规的布局方式所做不到的。 XML/HTML Code复制内容到剪贴板 <div class=\"warp\"> <div class=\"modular\">...

前端技术 2023/09/06 CSS

图片透明，锯齿问题是重构人员很头疼的问题，每当遇到这样的问题都让我感觉到不知道从哪入手，虽然能解决这些问题，但是总感觉多少有点缺点，最近遇到这方面的问题，总结了几种实现一些透明小图标的锯齿问题：png8格式的透明背景图片，会让浏览器在先显示的过程中图片边缘会有一...

前端技术 2023/09/06 CSS

今天给大家带来一款超酷的js+css3实现的3D标签云特效，看惯了flash的，来试试这个吧。 ie7，8，9兼容哦~ html如下：复制代码代码如下:<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional/...

前端技术 2023/09/06 CSS

Alpha，设置透明度。用法：复制代码代码如下: FILTER:alpha(opacity=80);/* 设置不透明度为80 */ filter:Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, Sta...

前端技术 2023/09/06 CSS

letter-spacing：数值可以为负数 text-align： left：左对齐 right：右对齐 center：居中 justify：两端对齐，均匀分布 list-style-type： none 无标记。 disc 默认。标记是实心圆。 circl...

关闭

我的博客