08

css3 Transition 效果的使用

DIV+CSS, 英文网站建设

今天看到一个英文的网站的链接鼠标经过状态是有一个过渡效果的,看了一下是用的transition属性,特地查了一下具体的使用

先看一下在下面元素中的鼠标效果

transition
css3

这里是a属性鼠标经过切换颜色的过渡效果

a:link,
a:active,
a:vis[......]
No comments | read more »
28

CSS em的运用以及与px的区别

DIV+CSS, 英文网站建设

最近在做Ipad的界面,领导需要用em的可缩放的字体来编写页面,因此又温习了一下em在网页中的具体运用,下面是网上查到的一些资料。

一般做网页我们都使用12px作为网站的主体字体大小。10px太小,14px容易看清,中文字体就出现锯齿的边缘了,做英文网站的时候还是觉得11px的英文字体显得网站[......]

No comments | read more »
27

最新设计潮流,jQuery与CSS3和HTML5酷站的欣赏

DIV+CSS, 英文网站建设

thedestination.co.za

talkability.com.br

inflicted.nl

marcorotoli.com

undergrad.biola.edu

designroyale.com.au

cofamedia.com

ohmedi[......]

No comments | read more »
10

UE设计做产品时用到的画草图工具Axure和Pencil

SEO/网站推广, 网站运营策划, 英文网站建设

刚开始做产品设计的时候,朋友介绍Axure是一款可以快速实现、准确表达、带有交互效果且易于上手的原型设计利器。用了一下,确实很好用,但是效果不够炫

之后用到火狐的一个插件叫Pencil Project,很有意思,操作跟Axure差不多,但是里面有一些手写的效果模板,效果还挺好

呵[......]

2 comments | read more »
10

css 控制文字截断,文本溢出时显示省略标记

DIV+CSS, 英文网站建设

直接上网上查找的资料,呵呵

一般的文字截断(适用于内联与块):

.text-overflow {
display:block;/*内联对象需加*/
width:31em;/*指定宽度*/
word-break:keep-all;/* 不换行 */
white-space:nowr[......]

No comments | read more »
09

文字的右上角显示TM的代码

DIV+CSS, 英文网站建设

今天写公司名字上面需要加TM,上网查了一下原来很简单。

注册公司的右上角会有个TM标志,在公司后面加入以下代码即可实现:
第一种方法:<SUP>TM</SUP>
第二种方法:在文字后面加入  &#8482;

1 comment | read more »
18

CSS自适应宽度圆角按钮做法

DIV+CSS, 英文网站建设

之前做圆角,一直是切适当大小的背景图片切换的,这么久了才发现这简单的自适应圆角做法,自己也写一下吧,做个笔记吧。本打算自己写一个,LIO的博客写的很清楚,就直接转载了

按钮图片

自适应宽度圆角按钮实现原理

通过背景的左对齐和右对齐用A标签和span标签组合出一个完整的圆角矩形。再通过h[......]

No comments | read more »
16

position属性以及应用

DIV+CSS, 英文网站建设

之前也用过position这个代码,一直没有很好的理解什么意思,今天遇到一个模板好多模块都是用的这个属性安排的位置,因此在网上查了资料,理解一下position属性

语法:

position : static | absolute | fixed | relative

参数:

s[......]

1 comment | read more »
10

关于去掉JOOMLA的版权,GNU通用公共授权等信息的方法

英文网站建设

最近在学习运用Joomla系统来做一些网站,上网搜到了一些去掉原系统的一些相关信息的方法,供大家学习一下。

(还是应当尊重人家的劳动成果的,真的要用的话还是应当保留一些Joomla信息的,呵呵)

1.去掉JOOMLA的版权信息:

以JOOMLA的默认模板为例,打开/templates/rh[......]

No comments | read more »
28

CSS display 属性

英文网站建设

说明
这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型,如果使用 display 不谨慎会很危险,因为可能违反 HTML 中已经定义的显示层次结构。对于 XML,由于 XML 没有内置的这种层次结构,所有 display 是绝对必要的。

注释:CSS2 中有值 co[......]

No comments | read more »