css3 Transition 效果的使用
DIV+CSS, 英文网站建设今天看到一个英文的网站的链接鼠标经过状态是有一个过渡效果的,看了一下是用的transition属性,特地查了一下具体的使用
先看一下在下面元素中的鼠标效果
css3
这里是a属性鼠标经过切换颜色的过渡效果
a:link, a:active, a:vis[......]
WP-UTF8-Excerpt——wordpress首页自动显示摘要可保留文章格式
DIV+CSS, 最新软件更新这里推荐一个wordpress首页自动显示摘要并且可保留文章格式的插件WP-UTF8-Excerpt
主要特点:
1,支持多字节语言(如中文),不会产生乱码。
2,摘要可保留文章中的格式标签,如字体、颜色、链接、图片等(需保留的标签可在后台设置)。
3,首页每篇文章显示300字,存[......]
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[......]
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[......]
中小企业网站优化关键字的选择
DIV+CSS, 英文网站建设现在很多企业已经意识到建设网站对企业推广的重要性,部分企业进行了相关的优化,让企业的产品或者能够提供的服务在搜索引擎上得到较好的排名。企业网站无论以前建的框架网站,还是现在要建设的营销型网站,关键字的选择是至关重要的,特别是框架结构的网站,现在还不想花成本进行改造,更要注意这一点。挑选的关键词当然必[......]
CSS clip剪裁矩形属性介绍
DIV+CSS, 英文网站建设clip属性是一个比较有用的属性,但往往在实际应用中,并不多见,在应用clip属性需要注意的两点:
一、clip属性必须和定位属性postion一起使用才能生效。
二、clip裁切的计算坐标都是以左上角即(0,0)点开始计算,如图三所示,这点不像padding和margin,它们两个的右[......]







