渐变背景一直以来在Web页面中都是一种常见的视觉元素。但一直以来,Web设计师都是通过图形软件设计这些渐变效果,然后以图片形式或者背景图片的形式运用到页面中。Web页面上实现的效果,仅从页面的视觉效果上来看,与设计并无任何差异。事实上这种方法是比较麻烦的,因为首先需要设计师进行设计,然后进行切图,在 ...
分类:
Web程序 时间:
2019-11-25 09:41:40
阅读次数:
67
3 线性渐变实例 一、颜色从顶部向底部渐变 制作从顶部到底部直线渐变有三种方法,第一种是起点参数不设置,因为起点参数的默认值为“top”;第二种方法起点参数设置为“top”;第三种起点参数使用“-90deg”关键词。为top_bottom设置从顶部向底部的渐变,三种方法的CSS代码如下: 第一种方法 ...
分类:
Web程序 时间:
2019-11-25 09:40:46
阅读次数:
86
传统的圆角生成方案,必须使用多张图片作为背景图案。CSS3的出现,使得我们再也不必浪费时间去制作这些图片了,只需要border-radius属性,支持浏览器IE 9、Opera 10.5、Safari 5、Chrome 4和Firefox 4。 1 border-radius属性 CSS3圆角只需设 ...
分类:
Web程序 时间:
2019-11-21 10:09:07
阅读次数:
106
除了为文字添加阴影,我们还可以为盒模型添加阴影。盒模型阴影的属性名称为box-shadow,此属性与text-shadow一样有4个值,前两个值分别表示水平方向位移距离和垂直方向的位移距离,第三个值表示阴影的模糊半径(包含0及以下的值均表示无模糊),最后一个则是阴影的颜色。前Chrome 16+,F ...
分类:
Web程序 时间:
2019-11-18 09:37:52
阅读次数:
65
字体使用是网页设计中不可或缺的一部分。经常地,我们希望在网页中使用某一特定字体,但是该字体并非主流操作系统的内置字体,这样用户在浏览页面的时候就有可能看不到真实的设计。美工设计师最常做的办法是把想要的文字做成图片,这样做有几个明显缺陷: Ø 不可能大范围的使用该字体; Ø 图片内容相对使用文字不易修 ...
分类:
Web程序 时间:
2019-11-18 09:14:48
阅读次数:
74
direction定义文字排列方式,所有浏览器都兼容这个属性,有两个可选值rtl和ltr。文字排版的参数说明如表1所示。 表1 CSS3文字排版参数说明 上表所示,ltr是初始值,表示left-to-right,就是从左往右的意思,具体描述就是内联内容从左往右依次排布。我们平时网页的处理都是这样的, ...
分类:
Web程序 时间:
2019-11-14 09:40:47
阅读次数:
93
一、前言 我们在进行php开发的时候经常会遇到浮点型的问题,特别是涉及金额的部分,常常需要进行加减运算。当小数点的位数比较多的时候,往往容易犯一些很低级的错误。这里记录一下php的精度计算和封装的小demo。 二、关于php的高精度问题 1、概念解释 这篇文章的解释最清楚: php高精度计算问题 2 ...
分类:
Web程序 时间:
2019-11-13 14:46:32
阅读次数:
398
文字阴影是可以叠加的。最基本可以给出四个值,用法如下: text-shadow:x y blur color 文字阴影的参数说明如表1所示。 表1 CSS3文字阴影参数说明 横向偏移量和纵向偏移量可以为负值,代表文字阴影向左偏移或向上偏移。文字阴影是可以叠加的,但是加很多层,会影响页面加载速度。添加 ...
分类:
Web程序 时间:
2019-11-12 09:33:44
阅读次数:
118
日常开发中,环境的搭建是我们开发的基础,这里介绍几种快速搭建PHP开发环境的方式。 1)lnmp一键安装包【https://lnmp.org】 LNMP一键安装包是一个用Linux Shell编写的可以为CentOS/RHEL/Fedora/Aliyun/Amazon、Debian/Ubuntu/R ...
分类:
Web程序 时间:
2019-11-12 01:18:12
阅读次数:
104
5 用户界面属性 在CSS3中,新的用户界面特性包括重设元素尺寸、盒尺寸及轮廓等。本小节着重介绍一下resize属性,只有Firefox 4和Safari 3浏览器支持此属性。resize属性可用于重定义textarea的大小,可能的值包括如下几种。 Ø none:UserAgent没有提供尺寸调整 ...
分类:
Web程序 时间:
2019-11-07 09:24:34
阅读次数:
126