css3 Transition 效果的使用
DIV+CSS, 英文网站建设今天看到一个英文的网站的链接鼠标经过状态是有一个过渡效果的,看了一下是用的transition属性,特地查了一下具体的使用
先看一下在下面元素中的鼠标效果
css3
这里是a属性鼠标经过切换颜色的过渡效果
a:link, a:active, a:vis[......]
CSS em的运用以及与px的区别
DIV+CSS, 英文网站建设最近在做Ipad的界面,领导需要用em的可缩放的字体来编写页面,因此又温习了一下em在网页中的具体运用,下面是网上查到的一些资料。
一般做网页我们都使用12px作为网站的主体字体大小。10px太小,14px容易看清,中文字体就出现锯齿的边缘了,做英文网站的时候还是觉得11px的英文字体显得网站[......]
最新设计潮流,jQuery与CSS3和HTML5酷站的欣赏
DIV+CSS, 英文网站建设thedestination.co.za
talkability.com.br
inflicted.nl
marcorotoli.com
undergrad.biola.edu
designroyale.com.au
cofamedia.com
ohmedi[......]
UE设计做产品时用到的画草图工具Axure和Pencil
SEO/网站推广, 网站运营策划, 英文网站建设刚开始做产品设计的时候,朋友介绍Axure是一款可以快速实现、准确表达、带有交互效果且易于上手的原型设计利器。用了一下,确实很好用,但是效果不够炫
之后用到火狐的一个插件叫Pencil Project,很有意思,操作跟Axure差不多,但是里面有一些手写的效果模板,效果还挺好
呵[......]
css 控制文字截断,文本溢出时显示省略标记
DIV+CSS, 英文网站建设直接上网上查找的资料,呵呵
一般的文字截断(适用于内联与块):
.text-overflow {
display:block;/*内联对象需加*/
width:31em;/*指定宽度*/
word-break:keep-all;/* 不换行 */
white-space:nowr[......]
文字的右上角显示TM的代码
DIV+CSS, 英文网站建设今天写公司名字上面需要加TM,上网查了一下原来很简单。
注册公司的右上角会有个TM标志,在公司后面加入以下代码即可实现:
第一种方法:<SUP>TM</SUP>
第二种方法:在文字后面加入 ™
CSS自适应宽度圆角按钮做法
DIV+CSS, 英文网站建设之前做圆角,一直是切适当大小的背景图片切换的,这么久了才发现这简单的自适应圆角做法,自己也写一下吧,做个笔记吧。本打算自己写一个,LIO的博客写的很清楚,就直接转载了
按钮图片
自适应宽度圆角按钮实现原理
通过背景的左对齐和右对齐用A标签和span标签组合出一个完整的圆角矩形。再通过h[......]
position属性以及应用
DIV+CSS, 英文网站建设之前也用过position这个代码,一直没有很好的理解什么意思,今天遇到一个模板好多模块都是用的这个属性安排的位置,因此在网上查了资料,理解一下position属性
语法:
position : static | absolute | fixed | relative
参数:
s[......]
关于去掉JOOMLA的版权,GNU通用公共授权等信息的方法
英文网站建设最近在学习运用Joomla系统来做一些网站,上网搜到了一些去掉原系统的一些相关信息的方法,供大家学习一下。
(还是应当尊重人家的劳动成果的,真的要用的话还是应当保留一些Joomla信息的,呵呵)
1.去掉JOOMLA的版权信息:
以JOOMLA的默认模板为例,打开/templates/rh[......]
CSS display 属性
英文网站建设说明
这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型,如果使用 display 不谨慎会很危险,因为可能违反 HTML 中已经定义的显示层次结构。对于 XML,由于 XML 没有内置的这种层次结构,所有 display 是绝对必要的。
注释:CSS2 中有值 co[......]








