随笔分类 -  DIV+CSS

CSS解决高度自适应问题
摘要：<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible 阅读全文
posted @ 2017-10-06 15:38 shoupifeng 阅读(712) 评论(0) 推荐(0)
CSS知识回顾--读《CSS 那些事儿》笔记
摘要：由于之前有了解过CSS的相关知识，有了一定的基础，所以读起《CSS 那些事儿》不是很有难度，况且我现在读起来时，CSS3和HTML5比较流行，这里只是记录一些CSS知识记录，不做详细铺开，以做记录和日后翻查之用.1.CSS的基本结构Selector {property：value;}由 选择符（... 阅读全文
posted @ 2014-12-27 00:09 shoupifeng 阅读(237) 评论(0) 推荐(0)
去掉IE11的叉叉
摘要：在 IE11 下，浏览器自作多情在 text input 组件上加一个 close 叉叉：用CSS伪类定义：input::-ms-clear { display: none; } 阅读全文
posted @ 2014-12-26 14:35 shoupifeng 阅读(3551) 评论(0) 推荐(2)
防止文字撑开表格，强制表格大小
摘要：数据自动换行不撑开宽度【全字母、数字、汉字，混合等】 out.println("<table align='center' width='800' border='0'style='table-layout:fixed; word-break:break-all; word-wrap:break-word'class='table_list1' cellpadding='0' cellspacing='0' id='plan_list'>&quo 阅读全文
posted @ 2013-01-27 16:56 shoupifeng 阅读(4020) 评论(0) 推荐(0)
带记忆功能的表单
摘要：带记忆功能的表单在一般情况下，用户提交表单后，将会跳转到另一个页面，同时表单中的内容也会清空。而有时为了简化操作步骤，需要保留历史信息，即当用户再返回原来页面时，还可以看到刚才所填写的信息。以下实例，当用户刷新或者单击“确定”按钮提交表单后再退回到原来页面时，文本框中的内容将保持不变。如下图所示：本实例主要是通过在css样式定义中，设置behavior确定对象的行为，并设置<meta>元信息标记中的name属性和content属性来实现保留历史信息的功能。<meta>标记是用来在HTML文件中模拟HTTP协议的响应头报文，是实现元数据的主要标记，它可以用于鉴别作者、标注 阅读全文
posted @ 2012-12-10 16:07 shoupifeng 阅读(1132) 评论(0) 推荐(0)
dw cs5 xulie hao 你懂的
摘要：1325-1558-5864-4422-1094-11261325-1958-5864-4422-1094-11781192-1973-6217-2477-6088-16571192-1013-2621-8434-6884-01751192-1482-6532-1529-0926-55701192-1384-9698-0251-8971-98021192-1678-5764-4289-1578-82661192-1337-9219-4875-6506-9599 阅读全文
posted @ 2011-09-19 20:16 shoupifeng 阅读(220) 评论(0) 推荐(0)
小技巧：Css100%高度
摘要：在前端人员之间有一个普遍存在的问题，如何让一个div的高度自动延伸到浏览窗口100%的高度。有一些不同的方法可以实现，但是，我想出了一个我个人比较喜欢的方法。今天，我将于你分享一下。我对你是不了解的，但我试图弄明白如何让我的布局垂直拉伸到页面的100％高度，这样一个令我沮丧的问题。我想让div结构自动延伸，但是它就是不能自动延伸，现在，为什么他不能这样那？今天我将与你一起分享这个解决方法。比方说你... 阅读全文
posted @ 2010-04-09 08:57 shoupifeng 阅读(4536) 评论(0) 推荐(0)
自己的css reset---jerryli cssreset
摘要： 呵呵，为了让自己用起来css，更顺手，就参照了各大牛们的cssreset的css，于是就博众所长，组织了自己的cssreset了，不知道好不好，看了请大家给给个建议！ 阅读全文
posted @ 2010-03-08 11:05 shoupifeng 阅读(362) 评论(2) 推荐(0)
5种方法立刻写出更好的CSS代码(转载)
摘要：1.重置首先，很认真的告诉你，总是要重置某些分类。无论你是使用 Eric Meyer Reset、YUI Reset或者你自己编写的重置代码，只要使用就对了。它能很简单的移除所有元素的填充（padding）和边距（margin）：html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,blockquote, pre,form,fieldset,tab... 阅读全文
posted @ 2010-02-03 10:44 shoupifeng 阅读(412) 评论(0) 推荐(1)
CSS Hack 汇总快查
摘要：CSS Hack 汇总快查edit by : freezedun to jerryli at : 2010-1-22 本作品采用知识共享署名-非商业性使用-相同方式共享 2.5 中国大陆许可协议进行许可。请大家帮忙：改编自振之的文章,将我在网上收集到的东西稍作整理,而且部分内容人云亦云,难免有错,请发现的同学联系我.阅读帮助:按照CSS基本规则 selector { property:value;... 阅读全文
posted @ 2010-01-26 09:25 shoupifeng 阅读(2611) 评论(8) 推荐(3)
CSS十大密技
摘要：——原来如此简单1. css 字体简写规则当使用css定义字体时你可能会这样做：font-size: 1em;line-height: 1.5em;font-weight: bold;font-style: italic;font-variant: small-caps;font-family: verdana,serif;事实上你可以简写这些属性：font: 1em/1.... 阅读全文
posted @ 2010-01-11 10:58 shoupifeng 阅读(256) 评论(0) 推荐(0)
CSS Sprites图片切割术与图片优化
摘要：关于CSS Sprites技术的优化我们能做到多少，能减多少的请求数量。这并且不是单方面能做到的，一切取决于XHTML、CSS、CSS Sprites图片之间的配合。现时为止没有绝对优化的做法，这也是我在项目中经常衡量CSS Sprites图片与XHTML关系，如:《一张背景实现自适应九宫格》，以下总结了图片切割术与图象优化的一些方法。图片优化对于非动画的GIF更建议使用PNG8因为它同样能做到一... 阅读全文
posted @ 2009-08-05 14:39 shoupifeng 阅读(728) 评论(0) 推荐(0)
css规范
摘要：由于项目中编写文档结构、编写CSS的人员较多，并与程序员协同工作，所以就需要统一开发规范，根据XHTMl和CSS编织的规范和大多人的习惯，整理了以下针对本项目的一个简单的开发规范：一、CSS文件及样式命名1、CSS文件命名规范全局样式：global.css；框架布局：layout.css；字体样式：font.css；链接样式：link.css；打印样式：print.css；2、CSS样式命名规范本... 阅读全文
posted @ 2009-06-12 17:36 shoupifeng 阅读(426) 评论(0) 推荐(0)