Tagged: css,html css,table,圆角,带边框,铺,阴影 |
Cat: css |
某天看见某同学QQ签名写着这个，自己想了一下要怎么实现呢？后来花了点时间写出来了
效果如：http://xiebiji.com/works/roundtable
文件打包：点我下载
HTML代码如下：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
一个可伸缩渐变圆角带边框铺阴影的table
Place
Estimated km.Extimated taxi fee(RMB)Map(Guangzhou Maps)
Canton Fair Liuhua Complex13 KM39
Canton Fair Pazhou Complex6 KM12
New Baiyun Airport (Huadu)36 KM105
Guangzhou Railway Station14 KM42
Guangzhou-Kowloon Station3 KM21
Guangzhou-Kowloon Station3 KM21
Guangzhou-Kowloon Station3 KM21
Guangzhou-Kowloon Station3 KM21
Guangzhou-Kowloon Station3 KM21
Guangzhou-Kowloon Station3 KM21
Guangzhou-Kowloon Station3 KM21
Guangzhou-Kowloon Station3 KM21
css代码如下：
1
2
3
4
5
6
7
8
9
10
11
12
13...
Tagged: css,FLASH,javascript,JS,书,做网页,推荐,设计 |
Cat: 生活分享 |
考试很烦啊！！！强迫看自己不喜欢的书，简直就是对大脑的毒害！因此我自己很喜欢收集点喜欢的书，以下是我暂时收集到的^_^，做网页做设计的同学，希望你们也推荐我一些好书哦！
先介绍这几本吧！继续复习功课。。。
原创文章，转载请注明：作者:JOE 地址:http://xiebiji.com/2009/01/shu
Tagged: css,text-overflow,xul,主流,兼容,单行,字符,方法,浏览器,长度,限制 |
Cat: css |
一直以来我都以为css是无法限制字符长度的，最近才发现原来可以这样.最简单的兼容方法：
.textOverflow {
width:100px;
white-space:nowrap;/*限制单行输出*/
text-overflow:ellipsis;/*只支持IE6(+)*/
overflow: hidden;
-o-text-overflow: ellipsis;/*Opera专用*/
-moz-binding: url('ov.xml#ellipsis');/*firefox下实现要配套对应的xml文件*/
}
/*.xul是为添加的class属性*/
.xul{
color:#fff;
}
html代码：
块级元素块级元素块级元素块级元素块级元素块级元素
根目录下ov.xml文件代码：
现在网上很多是流行js方法来兼容ff的，其实上述介绍的是用了xul:description的方法,^_^我也不知道那是啥来的，不过这样写很简洁。
关于xul的教程《XUL教程》
转载请注明：作者Joe 地址:http://xiebiji.com/2008/11/textoverflow
Tagged: 2,css,HTML,一个,前台设计篇,妆品网站,学会,建立,简单化,零基础 |
Cat: 原创作品, 精品教程 |
前篇文章简略介绍了画草图的步骤和一点注意事项，今天这篇文章我们把目标指向两门计算机语言：HTML和CSS。相信在前台设计篇0里面你对这两门语言也有所听闻了吧，只要你把里面介绍的中文手册大概看了一下，下面说的内容应该不难理解。
重点明确一条逻辑思路（或者叫设计模式）：我们的目标是图形的代码化，遵循表现与结构分离的原则。
鉴于边幅太长，下面只以建立DW模板文件为例介绍编辑过程，首页，子页过程雷同：
按照原则我们可以分三步来完成任务：1.建立文件目录结构；2.HTML代码编写网页结构；3.CSS代码编写网页样式。下来我们一步步实现：
1.建立文件目录结构
这一步非常重要，一个清晰的文件目录是最基本的要求，这里我们先建...
Tagged: a,css,hover,伪类,属性,应用,标签,笔记,除了 |
Cat: css, 网络笔记 |
以下写的可能对于大部分网友来说可能很简单，但是我自己确实是不知道的。
有一段这样的html:
一般hover这个css伪类对于除a标签外的标签是不起作用的（FF浏览器下可以起作用，IE6下不可以）：如下
img:hover{
border:1px solid #000;/*FF下有效果,IE6下没有效果*/
}
这么好的一个伪类真浪费了！！然而实际上是有办法的实现非a标签的hover功能的,如下写:
a:hover img{
border:1px solid #000;/*可以理解为鼠标在其上的a里面的img标签*/
}
^0^很简单就实现了,不用编辑麻烦的JS语句了!
献给热爱CSS的朋友,以上内容为笔者小JOE愚见,转载请著名:作者小JOE 地址:http://xiebiji.com/2008/10/hover
Tagged: css,HTML,style,下面,代码,假如,加成,属性,并且,方法,标签,直接,网页,链式 |
Cat: 原创作品, 生活分享 |
假如有一段HTML代码如下：
1
2
3
4
5
6
7
8
HI
在HTML代码中嵌入CSS有一下三种方法：
1.外链式CSS。编写一个.css文件并且命名为style.css,内容如下：
#myid{
padding:5px;
}
然后在HTML代码的《head》标签对，《title》下面改成这样：
HI
这样就OK了
2.内嵌式CSS。直接在《title》标签加成这样：
HI
3.直接式CSS。直接为DIV添加style属性如下：