单行图片文字垂直居中问题——实战
使用表格的方法来表现设计效果
<style type="text/css">
<!--
body{
font-size:12px;
font-family
收藏 0赞 0分享
CSS属性选择器的四种格式
属性选择器(AttributeSelectors),或许你不应该对属性选择器感到陌生,从本质上说,id跟类选择器其实就是属性选择器,只不过是选择了id或者类的值(value)而已。
属性选择器的格式是元素后跟中括号,中括号内带属性,或者属性表达式(不知道描述是否正确,自创
收藏 0赞 0分享
CSS教程:text-indent隐藏文字出现虚线框outline
链接用图片做背景,text-indent:-9999px; 隐藏文字,此效果在 IE 中是正常的,但在 Firefox 里,鼠标点击该链接时,虚线框却会包住被缩进的文字,结果显示为虚线框 N 长。
因为平时是用overflow:hidden; 属性的,所以一直也没有
收藏 0赞 0分享
表单name与id的区别和相似之处
表单的name与id其实是同一个意思,都是为了标记对象名称。它们所不同的是:name是Netscape的、id是Microsoft的。
表单元素(form input textarea select)与框架元素(iframe frame)用name。
这些
收藏 0赞 0分享
CSS让网页里的提交按钮变得更漂亮
你是不是觉得自己的主页不够靓丽,想让它有所改变呢?听说过样式表格吗?就是CSS,它就是那个能让你更为准确地控制网页的东东。让我们先来看两个例子:
1、把按钮的背景由灰色变成黄色,下面是代码:
〈for
收藏 0赞 0分享
小技巧:网页制作中段落缩进的方法
在制作有关文档资料内容的网页时,如果是英文书写格式,段落一般不缩进;如果是中文格式则需要缩进,即段落开头要求空两个汉字的位置。
在实际制作中,有以下四种段落缩进方法,现介绍如下:
1.预格式(PRE)
用预格式编写的源文件,在显示时照源文件
收藏 0赞 0分享
网页导航上用CSS标志当前页效果
当前页面--比如说现在的页面是首页,那么在导航栏上首页的色彩等和其他栏目有所不同,用以给浏览者一个明显的指示。下面来说下具体的做法,菜单的基本实现和一般的CSS菜单没多大区别,着重说下如何实现当前页。
设菜单有5个栏目:home、about、products、ser
收藏 0赞 0分享
利用CSS框架进行高效率的站点开发 Elements
随着公司网站的再度改版,当初在页面代码规划以及css设计方面的问题逐渐都浮现出来。由于设计当初考虑得不够全面,给站点的改版带来很多不必要的麻烦。CSS框架这个概念在这个时候显得越发的重要,也是必要!
在去年的时候曾经说过用Dreamweaver 代码片断 提高css开发
收藏 0赞 0分享
CSS框架的利与弊(上)
前端时间写了一篇《利用CSS框架进行高效率的站点开发》,有不少朋友问我相关的问题。很早5key就在公司进行CSS框架的架构,也对不少朋友提出CSS框架的建议。效果是很明显的。当然,CSS框架有利也有弊,最近也看了一些相关的文章。一些感想,与大家分享。
CSS框架之利:
1、开
收藏 0赞 0分享
Web标准:关于DOCTYPE
最近在蓝色理想转悠,发现很多朋友提出有关DIV CSS排版问题,以及IE与FF的兼容问题。怎么问的都有,结果就是一个——显示很奇怪,很难调整
收藏 0赞 0分享
有趣的Unicode CSS类命名方式
无意中发现这么一套给CSS命名的方式。不过纯属娱乐,5key还是不建议这么弄的。还是要注意语义化,大家看看就好。
一个简单的结构:
<div class="container">
<div class="left-top&q
收藏 0赞 0分享
CSS常用技巧十则
1. Block和inline元素对比
所有的HTML元素都属于block和inline之一。
block元素的特点是:
总是在新行上开始;
高度,行高以及顶和底边距都可控制;
宽度缺省是它的容器的100%,除非设定一个宽度
<div>, <p>
收藏 0赞 0分享
调整CSS类型的顺序改变链接翻滚
通过指定每一键接的不同风格以建立CSS翻滚效果,这些链接包括普通的链接link (normal), 访问,翻转,以及激活。并且,你可能也知道CSS类型的顺序可以产生效果上的差别,CSS代码后顺序的风格将会取代针对于相同元素的前顺序的风格。建立翻滚效果的类型顺序显得相当重要。
收藏 0赞 0分享
CSS实现网页中的隔行换色代码
以前在Dreamweaver中用表格布局网页的时候常常用到一种设计手法--隔行换色。也就是新闻列表或是列表类的每隔一行就换另一个色彩这样显得很漂亮也很合适阅读。所以这种手法被广大的设计师们收入囊中作为自己的又一把工具刀。但是随着网页标准浪潮的来袭,这种设计效果慢
收藏 0赞 0分享
巧妙运用CSS立刻改变鼠标的样式
用惯了Windows的人对各种各样的鼠标样式一定不会陌生。当鼠标移动到不同的地方时,当鼠标执行不同的功能时,当系统处于不同的状态时,都会使鼠标的形状发生变化。而在网页上往往只有当鼠标在超级链接上时才出现一个手形,在其它地方似乎没有什么变化,同充满动感的网页
收藏 0赞 0分享
CSS教程,CSS固定表头的HTML表格
用CSS实现的固定表头的HTML表格。
曾经在项目中实现过一个固定表头的HTML表格,但使用了非常臃肿的代码,因为实际上是画了三个一样的表格。一个纯粹用HTML和CSS实现的固定表头的表格,其简化代码如下:
收藏 0赞 0分享
CSS:清除浮动的最优方法
在CSS森林群里讨论一个margin的问题中无意间发现overflow也可以用来清除浮动,嘿嘿,这个方法不单使用简单,而且FF、OP、IE7都支持,从此可以告别那又长兼容性又差的FF清浮动的方法了。
方法真的很简单,只要为需要清浮动的标签加上overflow这个属性。
收藏 0赞 0分享
Firefox和IE通用的三则网站重构实用技巧
使用zoom、overflow解决IE6、IE7、FF下嵌套容器清除浮动问题
我们经常遇到一个容器外面套一个边框,边框高度随容器高度变化,但是当边框内容器设置了浮动属性后,外框就不跟随变化,这时就需要清除浮动。给外边框容器加上overflow:auto的属性,可以解决I
收藏 0赞 0分享
CSS网页设计中的解决方案
1、说明本文阐述了8条我们发现的在用CSS设计中有用的解决方案。
2、浏览器特定的选择器
查看原文:http://diger.cn/blog/?p=324
英文地址: http://www.solidstategroup.com/page/1592
翻译说明:
收藏 0赞 0分享
由浅入深实践学习 Web 标准
如果你还不知道 Web 标准是什么,那么我给一个定义:从 05 年开始才在中国流行起来的一种做网页的方式,并且现在保持着一定的热度。新浪、网易这两大门户网站的首页都是标准的(或接近标准)。我这么定义,是说作为一个新锐的网页设计师,如果你现在还不知道 Web 标准,那么
收藏 0赞 0分享