08

css3 Transition 效果的使用

DIV+CSS, 英文网站建设

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

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

transition
css3

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

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

WP-UTF8-Excerpt——wordpress首页自动显示摘要可保留文章格式

DIV+CSS, 最新软件更新

这里推荐一个wordpress首页自动显示摘要并且可保留文章格式的插件WP-UTF8-Excerpt

主要特点:
1,支持多字节语言(如中文),不会产生乱码。
2,摘要可保留文章中的格式标签,如字体、颜色、链接、图片等(需保留的标签可在后台设置)。
3,首页每篇文章显示300字,存[......]

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

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 »
08

中小企业网站优化关键字的选择

DIV+CSS, 英文网站建设

现在很多企业已经意识到建设网站对企业推广的重要性,部分企业进行了相关的优化,让企业的产品或者能够提供的服务在搜索引擎上得到较好的排名。企业网站无论以前建的框架网站,还是现在要建设的营销型网站,关键字的选择是至关重要的,特别是框架结构的网站,现在还不想花成本进行改造,更要注意这一点。挑选的关键词当然必[......]

1 comment | read more »
26

CSS clip剪裁矩形属性介绍

DIV+CSS, 英文网站建设

clip属性是一个比较有用的属性,但往往在实际应用中,并不多见,在应用clip属性需要注意的两点:
  一、clip属性必须和定位属性postion一起使用才能生效。
  二、clip裁切的计算坐标都是以左上角即(0,0)点开始计算,如图三所示,这点不像padding和margin,它们两个的右[......]

No comments | read more »