- 博客(32)
- 收藏
- 关注
RSS订阅原创 9.13 背景图片：0 0 的前面是有空格的！
.enterBtn .eR{width:126px;height:41px;float:right;}.enterBtn .eR a{background:url(images/btn_tj.png) 0 0 no-repeat;width:126px;height:41px;display:block;}.enterBtn .eR a:hover{background:url(image
2013-09-13 15:30:57
452
原创 Dw中css应用源格式
设置 CSS 代码格式设置首选参数选择“编辑”>“首选参数”。在“首选参数”对话框中，选择“代码格式”类别。在“高级格式设置”旁，单击“CSS”按钮。在“CSS 源格式选项”对话框中，选择要应用于 CSS 源代码的选项。在下面的“预览”窗口中，将显示 CSS 的预览，其外观取决于您选择的选项。启用缩进属性 设置规则中的属性的缩进值。可以指定制表符或空格。
2013-09-10 15:53:01
1904
转载 网页设计中，字号的大小 em
在这个显示器百花齐放的时代，网页设计师往往需要考虑不同客户端的浏览体验。文字大小，是用户体验中的一个重要部分。不同的分辨率，不同的显示器尺寸，不同的DPI，乃至不同的浏览器设置，都会对最终展现的文字大小带来影响。虽然现在很多浏览器已经可以方便地缩放页面，但用户每次光临都要重新缩放，总归麻烦，何况还有许多用户不知道如何缩放页面。最好还是根据用户的分辨率给用户一个比较体贴的默认字号，那这个字号
2013-09-10 13:53:48
2720
原创 左右两栏div+css布局
2列流体(c-s)/* * {margin:0; padding:0;}body, html {width:100%;}#wrapper {position:relative; padding-right:200px; background:yellow; overflow:hidden; +display:inline-block;}.content {wid
2013-09-10 13:36:18
1532
原创 CSS布局：左右固定宽，中间自适用。
测试：IE6,IE8,FF,Chrome,Opera,Safari方法一：利用绝对定位方法实现。CSS部分：.div1{position:absolute;left:0px;top:0;width:100px;background-color:#FFFF00;}.div3{position:absolute;right:0px;top:0;width:120px
2013-09-10 13:34:51
525
转载 让div居中对齐的css
居中div演示效果.align-center{margin:0 auto;/* 居中 这个是必须的，，其它的属性非必须 */width:500px; /* 给个宽度 顶到浏览器的两边就看不出居中效果了 */background:red;/* 背景色 */text-align:center; /* 文字等内容居中 */}居中div演
2013-09-06 09:33:05
636
转载 在DIV中图片垂直、水平居中(最简单方法)
无标题文档.lanrentuku { float: left; text-align: center; width: 150px; height: 150px; margin: 5px; border: 1px solid #ccc; font-size: 1em; line-height: 148px;
2013-09-06 09:32:34
785
转载 用UL标签+CSS实现的柱状图
基于CSS的柱状图实现 body {padding:0;margin:40px;font-size:9pt;font-family:Helvetica,Geneva,sans-serif;} h3 {font-weight:normal;display:block;width:600px;text-align:center;} /*ul*/ ul#q-graph
2013-09-06 09:30:55
643
转载 纯CSS制作的新闻网站中的文章列表
CSS新闻列表制作.list{margin: 0px 10px 20px;text-align: left;}.list ul{list-style-type: none;margin: 0px;padding: 0px;}.list li{width: 100%;}.list li a{color: #777777;display:
2013-09-05 13:31:06
981
转载 CSS左右两列自适应高
无标题文档*{margin :0px;padding: 0px;}.da_div{width: 750px;background-image: url(http://www.as1983.com/blog/attachments/month_0708/z200782114026.gif);margin:0px auto;margin-top:3px;
2013-09-05 13:30:43
669
转载 定义li图片头
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">body { font: 12px 宋体,Arial,Verdana,Tahoma,sans-serif; }ul { maring: 0; padding: 0; }li { list-style: none;display: block;
2013-09-05 13:30:18
491
转载 从右往左读的文字正写竖排效果
.text { layout-flow: vertical-ideographic;height:400px;line-height:200%; } 香子子(短令)林雨堂伯牙抱琴 偶过寒门 行到处 全不经心凭几闲坐 谈古论今任倦则眠 乐则饮 醉则吟矮矮垣墙 小小轩窗 翠荫处 青草池塘柳烟初碧 曲岸新妆枕一树风 一弯月 一簟凉
2013-09-05 13:28:34
3010
转载 div的内容图片垂直居中代码（兼容多浏览器）
无标题文档 .psdthumb { height: 1%; overflow: hidden; display:table; border-spacing:10px; } .psdthumb li {border:1px solid #aaa; width:240px; height:160px; text-align:center; vertical-align:middle; p
2013-09-05 13:28:09
578
转载 纯css的防止图片撑破页面的代码(图片自动缩放)
无标题文档.content-width {MARGIN: auto;WIDTH: 600px;}.content-width img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 600 ? "600px" : this.width)!important;}
2013-09-05 13:26:38
643
转载 强制Firefox显示滚动条
强制Firefox显示滚动html {overflow:-moz-scrollbars-vertical;} /*方法一*/html {min-height:101%;} /*方法二*/-->强制Firefox显示滚动条：方法一：html {overflow:-moz-scrollbars-vertical;}方法二：html {min-heig
2013-09-05 13:26:36
1180
转载 兼容IE6和Firefox的PNG背景透明CSS代码
兼容IE6和Firefox的PNG背景透明CSS代码.lanrentuku {background-image:url(http://www.lanrentuku.com/down/js/images/12593184560.png)!important;background-image:url(www.lanrentuku.com);FILTER: progid:DXImag
2013-09-05 13:25:52
558
转载 网站变灰代码
网站灰色代码html {filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}北京时间2010年4月14日7时49分许，青海省玉树藏族自治州玉树县(北纬33.2度，东经96.6度)发生7.1级地震，震源深度14公里，震中位于该
2013-09-05 13:24:56
532
转载 兼容ie6,ie7以及firefox的css透明滤镜
兼容ie6,ie7以及firefox的css透明滤#container{ border:1px solid #c00; background-color:rgba(212,0,0,0.5); *background:#f00; *filter:alpha(opacity=50); width:500px; margin:40px auto; line-height:200%; font-s
2013-09-05 13:24:23
540
转载 分页居中/圆角宽度自适应实现
分页居中/圆角宽度自适应*{margin:0; padding:0;}body{padding:20px; text-align:center;}.cutpage{font-size:12px; font-family:Tahoma;}.cutpage a{display:inline-block; background:url(http://www.lanrentuku.co
2013-09-05 13:22:39
582
转载 DIV实现input垂直居中 兼容IE6和Firefox
body{font-size:12px;} .lanrentuku1{border: 1px solid #CCC;width:1120px;height:40px;margin:auto;display: table; *position: relative; overflow: hidden; } .l
2013-09-05 13:22:39
711
转载 css的margin缩写方式
margin: 20px;（上、下、左、右各20px。） margin: 20px 40px;（上、下20px；左、右40px。）
2013-09-05 13:22:14
701
转载 css显示隐藏层
css显示隐藏层，鼠标经过时出现文字链接* { padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; list-style:none; }a { color:#000; text-decoration:none }a:hover { color:#03F; text-decoration: underlin
2013-09-05 13:22:06
766
转载 CSS布局：右栏固定宽度,左栏内容先出现同时自适应宽度
CSS布局：固定右栏宽度,左栏内容先出现同时自适应宽度的布局body{font-family:Verdana, Arial, Helvetica, sans-serif;min-width:620px;margin:0;padding:0;}#wrapper{float:left;display:inline;margin:0 30px;
2013-09-05 13:20:47
643
转载 CSS简单重叠线效果
*{padding:0;margin:0;}/*demo偷懒充值样式，实际项目切勿模仿*/.line{border-bottom:2px solid #EBEBEB;margin-top:10px;margin-bottom:10px;}/*margin:10px 0;在实际项目中因为左右0px的权重影响其他样式，多做就知道了。*/h2{border-bottom:2px so
2013-09-05 13:20:44
919
转载 CSS布局：根据浏览器宽度自动把布局从三栏切换成两栏加底栏
CSS布局：根据浏览器宽度自动把布局从三栏切换成两栏加底栏*{ margin:0; padding:0}body{ text-align:center}#wrapper{margin-left:auto;margin-right:auto;text-align:left;}#header,#footer{clear:both;text-align:cen
2013-09-05 13:20:18
903
转载 CSS布局：中栏固定宽度,左右两栏宽度自适应
CSS布局：中栏固定宽度,左右两栏宽度相等同时自适应宽度*{margin:0;padding:0;}body{font-family:Verdana, Arial, Helvetica, sans-serif;min-width:620px;}#header,#footer{clear:both;padding:10px;text-align:c
2013-09-05 13:20:10
799
原创 CSS布局：自适应高度的CSS布局
CSS布局：自适应高度的CSS布局*{margin:0;padding:0}html, body{height:100%;text-align:center;font:12px/1.4 Verdana,sans-serif}#wrapper{width:1160px;min-height:100%;background: #EEE;margin: auto;text-align:c
2013-09-05 13:18:20
643
转载 响应式布局入门
最近研究响应式设计框架的时候，发现网上很多相关的属性介绍，却很少有系统的入门级使用的文章，我自己整理了一篇入门知识，并没有什么高深的理论，也不牵扯到框架。目前已经越来越多的站点以及wap站点使用响应式设计，因为大屏幕的移动设备越来越普及。而自适应布局已经无法胜任各种浏览需求。响应式设计的目的是尽可能以最好的布局显示您的数据，以实现用户友好的 Web 页面。css2的时期有一
2013-09-04 09:09:56
461
转载 新浪网产品设计指南（含UI规范）
以下分各模块介绍。设计规范介绍什么是设计规范？《产品设计部·人机交互界面设计规范 》适用用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据新浪产品自身的特点制定出的一套规范，以达到提升用户体验，控制产品设计质量，提高设计效率的目的。谁去读设计规范？设计规范手册适合界面设计师，用户体验设计师，前台技术工程师，发布支持人员，运营编
2013-09-03 14:39:24
1101
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人