input文字超出宽度用省略号显示
发布时间:2018/3/27 13:45:34 阅读(16004)条评论(0)条
有的时候的某段文本太长了,会影响整个的布局,很多人用动态语言来解决这个问题,但必须区分中文和英文,因为中文相当于两个英文字符长度,这样不仅繁琐,而且加重了服务器的负担。其实,我们完全可以使用CSS完美解决这个问题,单行比较好解决,多行由于只兼容webkit内核的浏览器所在不在这里讨论。语法:text-overflow : clip | ellipsis参数:clip : 不显示省略标记(...),而是简单的裁切(clip这个参数是不常用的!)ellipsis : 当对象内文本溢出时显示省略标记(...)说明:设置或检索是否使用一个省略标记(...)标示对象内文本的溢出...
未完,继续阅读→关键字:
css ellipsis 裁剪 ps导出渐进式jpg 来提升用户体验
发布时间:2018/2/1 16:38:15 阅读(9761)条评论(0)条
1、概述jpg格式分为:Baseline JPEG(标准型)和Progressive JPEG(渐进式)。两种格式有相同尺寸以及图像数据,扩展名也是相同的,唯一的区别是二者显示的方式不同。Baseline JPEG(标准型)直观感觉为:Progressive JPEG(渐进式)直观感觉为: 两种格式区别:渐进式图片带来的好处是可以让用户在没有下载完图片就可以看到最终图像的大致轮廓,一定程度上可以提升用户体验。另外渐进式的图片的大小并不会和基本的图片大小相差很多,有时候可能会比基本图片更小。 2、生成Progressive JPEG(渐进式)在photoshop中有“存储为w...
未完,继续阅读→关键字:
ps 体验 如何用PS做出传统的中国水墨画基于风景照片
发布时间:2013/7/17 10:56:23 阅读(10295)条评论(0)条
尝试中国古代艺术与文化的气息 !与简单直观的这些步骤的操作,您将学习如何创建一个原始的传统风格中国绘画,有陈旧的魅力,只是超越你的照片。即使有这些基本的 Photoshop 技巧,你可以快速找到路径以使美丽的仙境。所以让我们打它 !教程详细信息程序: Adobe Photoshop CS4困难:介质估计完成时间: 1-2 h步骤 1 — — 准备文件从您的照片库 ; 打开一张图片你必须能够挑出一个美丽的风景。尽管图像看起来不错,但似乎仍然会丢失的东西。为了显示其巨大的活力,浪漫色彩,富有想象力的美我们就会向其添加一个瀑布。或者您...
未完,继续阅读→关键字:
ps 水墨画 特效 2013年最新最酷的25个Photoshop教程
发布时间:2013/3/12 16:12:20 阅读(13662)条评论(0)条
Photoshop 是一个神奇的应用程序,因为它允许您创建任何你梦想的想象力。在本教程中,我们分组照片效果图技术,文字效果、 照片操纵、 复古效果、 数字艺术、 光效应、 绘图和绘画教程。在设计师的创意思维,仍然必须有学习的余地。很酷的事情只会通过教程出来。当你真的到它时,你会花时间学习。在这今天的帖子我们提供 25 展示新的和令人惊叹的 Photoshop 教程。01.与空间背景创建独特的岩石的文本 02.令人敬畏的舞者照片操纵与酷绘图和灯光效果03.混合冰和火纹理04.设计与解体影响热金文本05."APOCALYPTICA"数字艺术...
未完,继续阅读→关键字:
ps 特效 教程 收藏的50个精品PSD到HTML/CSS转换教程
发布时间:2012/12/10 16:04:36 阅读(9151)条评论(0)条
随着时间的推移,技术的进步,越来越多的人也越来越熟悉HTML和CSS以及不同的技术来将 Photoshop 设计转换成HTML 或 CSS 格式。对于一个设计师或网页开发人员,知道如何将PSD文件转换为HTML或CSS代码是至关重要的。一个成功的Blogger,设计师或开发人员这一项重要的技术都是非常精通的,这就是他们为什么可以轻松地将他的设计,博客或网站做的那么出色,他们总是制作最新的界面,让自己的博客或者网站看起来更加有吸引力今天就给大家分享50个非常详细和专业从HTML / CSS转换教程。这些教程对你的开发是非常有帮助的,如果你刚学Pho...
未完,继续阅读→关键字:
psd 教程 html css 42 个按钮Photoshop教程
发布时间:2012/12/3 21:56:20 阅读(10061)条评论(0)条
创建按钮和徽章在PS图象处理软件是容易的。有各种不同的相关的教程制作按钮和徽章的网站可以帮助提高您的PS图象处理软件技能。我们收集了一些最好的来源,所以你可以将它们放在一个地方。这篇文章将教你如何创建你自己的按钮和徽章为您的网站和更多。在这些教程,你将用你的选框工具,形状的工具和工具的大部分时间。 这里是43个 PS图象处理软件教程创建按钮和徽章,你需要学习。大多数这些教程适合初学者希望简单教程的下面。 Clean and Shining Button for Your Website in Photoshop This tutorial will show you the me...
未完,继续阅读→关键字:
ps 按钮 设计 教程 PS中字体pt与px之间的转化
发布时间:2012/11/30 9:37:05 阅读(13195)条评论(0)条
以前在PS中遇到PT的时候不知道在网页中是多少PX,下面将介绍如何查看大小与转换通常,设计网页时,字体一般会使用像素(px)或者倍数(em)。某一天开始重构页面,用PS打开设计师给过来的稿子,开始切图,在查看文字时,发现字体大小是用pt来设置的,⊙﹏⊙b汗,如下图:为了解pt和px是如何转换的,百度后整理出来的资料如下:px就是表示pixel,像素,是屏幕上显示数据的最基本的点;pt就是point,是印刷行业常用单位,等于1/72英寸。这样很明白,px是一个点,它不是自然界的长度单位,谁能说出一个“点”有多长多大么?可以画的很小,也可...
未完,继续阅读→关键字:
ps 单位 转换 收集30种Photoshop很棒的笔刷
发布时间:2012/11/10 9:15:51 阅读(7724)条评论(0)条
世界各地的每一位设计师都需要有一个高品质的Photoshop笔刷集合所有的时间,因为它可以将它们保存在他们需要的时候。但是,这是不容易收集最好的。为了帮助你,我们已经把创意Photoshop笔刷包的集合,你可以免费下载。在这篇文章中,我有各种各样的:分形,符号,科技,垃圾,装饰,形状,复古,梦幻,烟,花,闪电,等笔刷。所以,在这里展示我收集30种Photoshop很棒的笔刷,每一个设计师必须具备的。01. String and Bubbles 02. Text Brushes 03. Grunge Brushes 04. Sponge Party Brush Pack ...
未完,继续阅读→关键字:
ps 笔刷 设计师 设计开发推荐-提高网页美观的20个优雅的PSD分页按钮
发布时间:2012/10/12 11:37:01 阅读(7831)条评论(0)条
#content h3{background:#eee;border:1px solid #c1c1c1;color:#339999;margin:5px 0;text-indent:2em;border-radius:5px;}#content p{text-align:center;}PSD文件对于网页设计师是非常有帮助的,因为他们使设计师的工作变得容易,也节省时间。您的网站如果有一个有吸引力的和优雅的分页会帮你吸引更多的游客到您的网站,并鼓励他们浏览您的网站的不同页面。New Sleek Pagination (psd)Pagination PSD – Friday FreebiePagination by CollatdPaginationSlick Pagination Links PSDPagination (PSD)Pagination PsdSle...
未完,继续阅读→关键字:
分页 导航 按钮 PSD App开发推荐-46套美妙的iOS图标设计
发布时间:2012/10/12 11:31:05 阅读(7881)条评论(0)条
iPhone和iPad已风靡全球。各地的开发人员和程序员纷纷在iOS应用程序的编程中使用Objective-C语言。同样,网页设计师也逐渐开始转移到移动应用程序界面设计上。对于App的icon,我们永远不能低估它的重要性,因为它是用户下载一个App前第一眼就看到的东西。就像陌生人见面时的第一印象一样,在决定下载某个App时,该App icon设计的是否有趣往往成为做出下载决定的重要因素,某些时候甚至是决定因素,下面是30个iOS平台下的应用程序图标设计案例,希望能给您带来更多灵感启发!Journal iOS IconQuilt iOS iconMix iOS Icons 2Client I...
未完,继续阅读→关键字:
app PSD 图形素材 图标设计 如何在ps中创建一个有活力的网页作品
发布时间:2012/9/24 13:39:20 阅读(8097)条评论(0)条
首先声明教程使用版本以及重要标记1、本文的软件是Photoshop CS5版本2、原教程的截图是英文的,本人在重新制作的基础上,重新截了中文版的图3、原文中有些操作没有给出参数。本人在反复测试的情况下测定了一些参数,以红色的文字显示。有些错误的参数,直接以红色文字显示正确的参数例如:(90,22,231,77),表示矩形的左上角的坐标是(90,22),宽231,高77例如:(90,22),表示矩形的左上角的坐标是(90,22),矩形的其他两个参数教程里已经指定4、在教程的最后会附上本人的心得。有些是对教程中的一些步骤的优化等。在本教程中,我们要在PS中创...
未完,继续阅读→关键字:
ps 网页设计 罕见的神级PS高手
发布时间:2012/6/27 12:00:41 阅读(6468)条评论(0)条
REBIRTH of GAEA - Flowing Meditation盖亚重生 - 流动的沉思视觉饕餮!暴强的神级PS高手,山水之间,信手拈来!(创意汇)
未完,继续阅读→关键字:
PS高手 创意 设计