随笔分类 -  html+css

ie6兼容性问题
摘要：  1.<!DOCTYPE HTML>文档类型的声明。   产生条件：IE6浏览器，当我们没有书写这个文档声明的时候，会触发IE6浏览器的怪异解析现象；   解决办法：书写文档声明。   2.不同浏览器当中，很多的标签的默认样式不同，如默认的外部丁内补丁。   产生条件：不同浏览器；   解决办法： 阅读全文
posted @ 2016-03-15 08:46 ruanzheng188 阅读(141) 评论(0) 推荐(0)
ie8下面margin:0 auto;不能居中的解决方案，ie8兼容性代码
摘要：今天写了个div，用margin:0 auto；来定义他的属性，让他居中，结果，竟然无效。 一开始以为是css里的代码冲突了，检查了好几遍，没问题，然后用火狐和谷歌浏览器测试，居中了。。。 看来是浏览器兼容性的问题，突然想起现在用了win7，ie已经升级到了ie8，看来问题就处在ie8的兼容性上。百 阅读全文
posted @ 2016-03-07 17:34 ruanzheng188 阅读(592) 评论(0) 推荐(0)
CSS样式命名整理
摘要：CSS样式命名整理 页面结构 容器: container/wrap整体宽度：wrapper页头：header内容：content页面主体：main页尾：footer导航：nav侧栏：sidebar栏目：column中间内容：center 导航 导航：nav导航：mainbav/globalnav子导 阅读全文
posted @ 2016-03-05 11:32 ruanzheng188 阅读(2357) 评论(0) 推荐(0)
样式命名规范
摘要：(一)常用的CSS命名规则 头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper左右中：left right center登录条：loginbar标志：logo广告：banner页面主体：m 阅读全文
posted @ 2016-03-05 11:23 ruanzheng188 阅读(267) 评论(0) 推荐(0)
div垂直居中
摘要：.zj{ position:absolute; left:50%;top:50%; margin-left:-250px; margin-top:-150px;} 阅读全文
posted @ 2016-02-23 09:32 ruanzheng188 阅读(130) 评论(0) 推荐(0)
css
摘要：body{color:#000;background:#fff url(bg.png) no-repeat 50% 0;font:12px/1.6 Verdana, Helvetica, sans-serif;text-align:center;}*{margin:0;padding:0;}inpu 阅读全文
posted @ 2016-02-23 09:28 ruanzheng188 阅读(127) 评论(0) 推荐(0)
base.css
摘要：@charset "utf-8";/*! * @名称：base.css * @功能：1、重设浏览器默认样式 * 2、设置通用原子类 *//* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */html { background:white; color:black;}/* 内外边距通 阅读全文
posted @ 2016-02-23 09:06 ruanzheng188 阅读(165) 评论(0) 推荐(0)
css 文本超出容器长度后自动省略的方法!
摘要：<span style=' width:290px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden; display: block; '> <span style="margin: 20px;">位 置:</span> <a 阅读全文
posted @ 2016-02-22 14:14 ruanzheng188 阅读(365) 评论(0) 推荐(0)