CSS制作用户登录和用户注册的用户体验表单
关于用CSS制作符合标准的表单前面我们已经看过代码,这里是又一个例子。用CSS制作具有亲和力的表单:
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
收藏 0赞 0分享
左上角图片文字环绕在图片右侧
我们在做布局的过程中常常遇到文字围绕图片的效果。如何用CSS实现文字环绕图片的效果呢,通过这个例子就能看出。其实很简单,就是图片浮动位置的调整
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//
收藏 0赞 0分享
CSS代码 注释的3种方法
1、选择器(child selector)
如果你想在IE中隐藏一个CSS定义,可以使用子选择器。
css部分:
[code]
html>body p {
/* declarations */
}
[/code]
2、“通配符”(*)
收藏 0赞 0分享
网页头部css代码优化实例
在div+css布局中,一般都这样来整体构架的:
[code]
<div id="header"></div>
<div id="center"></div>
<div id=&
收藏 0赞 0分享
鼠标指向网页图片时图片周围显示虚线框
图片边框变换CSS Hover状态效果,代码如下:
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DT
收藏 0赞 0分享
IE7和IE8的兼容性问题
CSS兼容问题已经是CSS网页布局技术中的重要组成部分,也让广大的CSSer大为头疼,虽然webjx.com介绍过不少相关的知识与技巧,但是随着IE8的越来越广泛的安装应用,对IE7和IE8的兼容问题,也颇受关注。
在以前的文章中webjx.com向大家说明,IE8会是福
收藏 0赞 0分享
CSS 网页布局网页制作技巧总结
CSS网页布局开发中,会有很多小技巧,这之类相关的文章在webjx.com有许多介绍,这里再扩展一下您所想要得到的知识,相信您会有很多收获!
一、ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值。
二、同一个的class选择符可以
收藏 0赞 0分享
CSS网页设计 IE8和IE7共存
关于新发布的IE8Beta1,网友们都纷纷下载来使用,尝到了功能强大的甜头;有的却因网络流传:安装后会覆盖原来的IE7,并且不能导入IE7的收藏夹的虚假消息。而使大家(特别是工作用的电脑)不敢尝试这新版的浏览器。
其实,IE8是支持和IE7“共存”的
收藏 0赞 0分享
CSS 快速提升设计可读性和维护性
设计漂亮的样式表是一门艺术
设计漂亮的样式表不是一门暗黑艺术(如果用艺术家的眼光来看待这门艺术的话,那更多表现的是种对幸福的生活渴望和完美人生的追求. PS: 这是译者找到的最靠谱的解释.). 它需要持久的练习和全身心的投入, 但是, 有一些小窍门来帮你快速提升, 让你也
收藏 0赞 0分享
CSS2 打印属性让打印HTML文档不出问题
打印属性
打印 HTML 文档总是会出现问题。在 CSS2 中,我们可以借助打印属性让打印 web 内容更容易一些。
属性 描述 值
orphans 设置元素放在页面底部时所允许的最少文本行数。 number
marks 设置是否在内容区之外但是在画布的可打印区域内放&
收藏 0赞 0分享
CSS3 完美实现圆角效果
现在使用CSS3 技术不需要图片即可实现圆角,把侧边栏标题背景的圆角效果和搜索框的圆角效果用 CSS3 实现。记录一下以便以后使用。W3C 很早就制订了实现了 CSS 圆角的 CSS3 属性:border-radius,Firefox 和 Safari 也通过私有属性
收藏 0赞 0分享
制作网页中设计段落缩进的方法
在使用Dreamweaver进行网页制作中有关文档资料内容的网页时,如果是英文书写格式,段落一般不缩进(不支持半角空格);如果需要缩进往往需要用如下方法解决:
1、人为的加入两个中文全角空格,才能够显示出位置缩进效果。
&nb
收藏 0赞 0分享
网页排版 5个CSS基础
本文给大家介绍在文章的排版中经常会用到的几个CSS基础,当然,包括图文混排,是怎样做到的。
1. 首行缩进
你知道的,从小学,老师就教我们,段落的开头应该空两格。而你使用word的时候,也有首行缩进这
收藏 0赞 0分享
CSS border 属性使用说明
border -- 定义四个边的宽度,样式,颜色
取值:[ <border-width> || <border-style> || <border-color> ] | inherit
[ <border-width> || &
收藏 0赞 0分享
superLink 让伪链接更有可用性
前几天,看到有人写了个superLink的东东,主要的做什么用呢?
我们有时会给在大块元素加个window.location='http://www.jb51.net',还顺便把光标定义成移上去会变成手势还代替链接,为什么不直接用<a>因为有时东西太多,不能放在链
收藏 0赞 0分享
文字超过宽度显示省略号(无js全兼容)
PS. 由于使用的附件作为图片,使用其他浏览器测试时,保证登录才能看到完整效果。
^-^ 三更半夜果然适于思考,办法有点怪,让我们先看看效果:
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transi
收藏 0赞 0分享
CSS 书写有怎样的功能
随着公司业务的增加,需求变的越来越多,团队也因此在不断的扩大,我们经常会遇到几个人协同工作来完成同一件作品或者维护修改别人作品的时候,那么是什么最让你最感到困扰呢?我们在实现一个表现复杂的页面的同时,CSS文件就会比较繁琐,众多的选择符、属性让人眼花缭乱,那
收藏 0赞 0分享
FireFox中上层高度不影下层的解决办法
在写网站时,遇到一个差点让我抓狂的事情。以下是一个很简单的网页:
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/
收藏 0赞 0分享
CSS 模块化 实现方法
最近被“模块化”缠身,又是文章又是PPT的,被逼着想了很多相关的东西。整理下我这段时间对于“模块化”的思考,大多都是我自己从事页面重构这份工作的经验和理解,在一定程度上存在局限性,也希望自己能温故而知新。
“模块化&r
收藏 0赞 0分享
CSS text-shadow属性
文字阴影.也就是CSS中的text-shadow属性.所以今天我整理了一些资料,希望可以对大家有所启发.
收藏 0赞 0分享