CSS
文章平均质量分 73
宸路
一个简单的人,所遇到的也是简单的事,简单地过,简单的思考,走简单的路。简单平凡。我喜欢。
展开
-
CSS按钮样式大全(经典)
<!--.btn {BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,转载 2009-08-26 17:05:00 · 3423 阅读 · 0 评论 -
CSS固定定位{position:fixed}
来自:http://www.csharpwin.com/dotnetspace/10790r7213.shtml某个元素始终位于浏览器的底部或某些地方不知道您是否留意了,浏览http://dancewithnet.com时,浏览器右下角有一个标着top的黑色直角三角形,可以点击它返回到正在浏览的网页页眉。当滚动网页时,它的位置一直没有任何改变,您感觉它怎么样?这就是通过CSS的定位属性{position:fixed}来实现的,通过它可以让HTML元素脱离文档流固定在浏览器的某个位置。IE7、Firefox、转载 2010-11-17 17:16:00 · 3271 阅读 · 0 评论 -
font-size的单位px与em分析
<br />这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章,题目有点吓人,但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚px与em之间的关系和特点,看过以后后确实收获很大。平时都是用px来定义字体,所以无法用浏览器字体放大的功能,而国外大多数网站都可以在IE下使用。因为 <br /><br /> Example Source Code [www.52css.com] 1. IE无法调整那些使用px作为单位的字体大小; <br /> 2. 国外的大部分网站能够调整的原因在于其转载 2010-06-07 14:06:00 · 926 阅读 · 0 评论 -
网页去色变黑白(CSS)
来自:http://www.51xflash.com/website/html/200905/01-8904.html CSS代码: (插入到CSS文件的最顶端) html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }或者:*{filter: Gray;}转载 2010-05-14 08:23:00 · 2806 阅读 · 0 评论 -
div 全屏自适应 布局
<br />来自:http://www.desteps.com/design/layout/539.html<br /> <br /><!-- Put IE into quirks mode --><br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br /><html xmlns="http://www.w3.org/1999转载 2010-06-27 12:10:00 · 3567 阅读 · 0 评论 -
css样式引用实例
//css样式的书写//元素ID#tb1{width:100%;height:80px;background-color:#FFD700;padding:4px;font-family:verdana,tahoma;font-weight:bold;}#tb2{width:100%;padding:4px;font-family:verdana,tahoma;margin:12px转载 2010-04-24 17:09:00 · 521 阅读 · 0 评论 -
网页小图标代码
Special Characters for HTMLCO Controls and Basic Latin[ " ] quotation mark[name: "] [number: "][ & ] ampersand[name: &] [number: &][ [name: <] [number: <转载 2010-04-02 08:14:00 · 4289 阅读 · 0 评论 -
框架
框架架构的标记,主要是分割窗口和插入浮动窗口的功能。如果能有效的运用将有助于浏览网页的效率! 常用窗口标记 ... 定义分割窗口。 相关属性 : ·BORDER 边框·COLS 行 , 设定分割左右窗口宽度 ( 用『,』分隔,可设百分比 % ;『*』表示剩余部份 )·FRAMEBORDER 显示边框·ROWS 列 , 设定分割上下窗口高度 ( 用『,转载 2010-04-12 15:36:00 · 368 阅读 · 0 评论 -
页面滚动条 body的滚动条
网页滚动条代码及其解释如下: Body { scrollbar-face-color:#C0C0C0; (表面) scrollbar-highlight-color:#FFFFFF;(亮边) scrollbar-3dlight-color:#C0C0C0;(3D亮边) scrollbar-darkshado转载 2010-04-12 14:52:00 · 755 阅读 · 0 评论 -
表格的特效
1.表格的分隔线可以隐藏 可以隐藏横向的分隔线 <table border rules=rows cellspacing=0 align=right>可以隐藏纵向的分隔线 <table border rules=none cellspacing=0 align=center>可以隐藏横向和纵向的分隔线 2.表格的边框不断在闪转载 2010-04-12 15:06:00 · 290 阅读 · 0 评论 -
css统一设置input样式(区分input类型)
1.用css的expression判断表达式 input { background-color:expression(this.type=="text"?#FFC:); }优点:简单缺点:expression判断表达式FireFox是不支持的。致命的是只能区分出一个(例如例子中就只能区分出text文本框),不要试图设置多个,下面的会将转载 2010-03-31 08:05:00 · 8272 阅读 · 0 评论 -
深蓝色横向导航
用到的图片 代码: New Document <!--/***********************************************//* 菜单信息 *//****************************************转载 2010-03-19 09:00:00 · 5629 阅读 · 0 评论 -
蓝色导航CSS实现
代码 New Document <!--/***********************************************//* 快速连接导航栏 *//***********************************************/ #nav {转载 2010-03-19 08:51:00 · 136724 阅读 · 0 评论 -
【转】HTML语法大全
...普通卷动 ...滑动 ...预设卷动 ...来回卷动 ...向下卷动 ...向上卷动 向右卷动 向左卷动 ...卷动次数 ...设定宽度 ...设定高度 ...设定背景颜色 ...设定卷动距离 ...设定卷动时间 字体效果 ...标题字(最大) ...标题字(最小)转载 2009-11-28 09:19:00 · 378 阅读 · 0 评论 -
漂亮的button样式 10个
效果图: new document <!-- .btn { BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FIL转载 2009-09-21 13:56:00 · 1850 阅读 · 0 评论 -
Css Div浮动叠加层效果
效果图:源代码:Css Div浮动叠加层效果body { margin : 0; padding : 0; font-size:12px;} #wrap { position : relative; width : 900px; margin : 30px auto; bac转载 2009-09-08 13:27:00 · 4076 阅读 · 0 评论 -
DIV+CSS构成的树型菜单
DIV+CSS构成的树型菜单效果图:可以折叠的。源代码:DIV+CSS构成的树型菜单<!--body {margin: 0px;padding: 0;font: 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;background: #FFFFFF;text-al转载 2009-09-08 13:22:00 · 674 阅读 · 0 评论 -
怎么让文本框中的文字垂直方向居中
<br />来自:http://topic.csdn.net/t/20050722/20/4162420.html<br /> <br />解决方法:<br /><textarea style= "height:50px; line-height:50px; "> test </textarea> <br /> <br />指定height和line-height即可。转载 2011-04-20 10:22:00 · 3932 阅读 · 0 评论