随笔分类 -  HTML && CSS

记录，学习，分享
html 学习笔记
摘要：1、标签 a、 一般放入html 中head标签之间。 b、Base用于html网页中存在链接地址打开方式与打开主（域名）地址设置。 阅读全文
posted @ 2014-01-10 14:56 长城的草 阅读(189) 评论(0) 推荐(0)
段落换行
摘要：摘要： HMTL标签中P段落默认是自动换行的，以前遇到不换行的问题了也没有没有思考过就加上了一个CSS属性就算了，今天仔细看了看，记录一下。基本属性 控制段落换行有如下属性1、white-space，2、word-break，3、word-wrap，4、overflow，overflow-x，overflow-y 1、white-space：设置如何处理元素内的空白参考： [1]http://www.cnblogs.com/lgzslf/archive/2010/07/04/1770774.html [2]http://www.csscss.org/cssarticle/200961... 阅读全文
posted @ 2013-09-27 11:17 长城的草 阅读(256) 评论(0) 推荐(0)
<a>设置长宽
摘要：因为只有块元素才会有物理属性，在css世界里边，有三种形态的东西，1. 块元素。　特性：有物理属性，width,height写值起作用，而且要占据一行。2. 内联元素。 特性：没有物理属性。但是margin，padding值有用。不占据一行，后边可以有兄弟元素。3. 即是块又是内联，根据兄弟兄弟元素决定。为什么是float之后才会有物理属性，这就是块与内联元素相互转化的问题。块元素 -> 内联元素：　display:inline;内联元素 -> 块元素：　display:block;float就是隐性的把内联元素转化为块元素，这是对内部的特性就是有物理特性，但是他不占据一行。对外是 阅读全文
posted @ 2013-09-27 11:13 长城的草 阅读(353) 评论(0) 推荐(0)
CSS样式优先级
摘要：http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#specificityhttp://www.cnblogs.com/qieqing/articles/1224085.htmlhttp://homepage.yesy.com/257/8915757.shtml' 阅读全文
posted @ 2013-09-27 10:36 长城的草 阅读(91) 评论(0) 推荐(0)
min-height 兼容方法
摘要：第一种：#test{ height:auto!important; height:500px; min-height:500px; }第二种：#test { min-height:100px; background:#BBB; _height:100px; overflow: visible; } 参考：[1] 技术分享 IE6不支持min-height的解决办法.http://developer.51cto.com/art/201008/220386.htm.2013-04-28 阅读全文
posted @ 2013-04-28 09:10 长城的草 阅读(161) 评论(0) 推荐(0)
兼容ie中fixed
摘要：.publish{ width:27px; height:131px; background:url(publish.png) no-repeat; cursor:pointer; position:fixed; top:180px; right:0; _position:absolute; _top:expression(eval(document.documentElement.scrollTop+180)); _right:0;} 阅读全文
posted @ 2013-04-20 15:39 长城的草 阅读(184) 评论(0) 推荐(0)
IE8的css hack
摘要：转自《IE8的css hack》首先感谢“丸子”提供的这个IE8的css hack；关注过IE8的css hack的人相信大家都在使用这个hack，就是“\9”的css hack：.test{ color:#000000;/* FF,OP支持 */color:#0000FF\9;/* 所有IE浏览器(ie6+)支持 ； 但是IE8不能识别“*”和“_”的css hack；所以我们可以这样写hack */[color:#000000;color:#00FF00; /* SF,CH支持 */*color:#FFFF00; /* IE7支持 */_color:#FF0000; /* IE6支持 */ 阅读全文
posted @ 2012-12-11 15:06 长城的草 阅读(216) 评论(0) 推荐(0)
css精品教程汇集
摘要：CSS的盒子模型（Box Model）完美解决IE6不支持position:fixed的bugIE6 PNG透明终极解决方案inline-block的前世今生那些年我们一起清除过的浮动PNG的秘密—— 一淘前端分享会可用性更好的CSS隐藏文字技术(CSS图片替换文字)原文地址：http://www.w3cplus.com/blog/507.html 阅读全文
posted @ 2012-11-20 08:36 长城的草 阅读(185) 评论(0) 推荐(0)
IE6 bug之 href= “javascript:void(0);”
摘要：原文：http://yslove.net/2011/02/ie6-javascriptvoid0/遇到过几次这种问题，现在总结一下。代码：<a onclick="window.location.href='http://www.google.com'" href="javascript:void(0);">google</a>这段代码在主流的浏览器里面都没问题，但是在IE6下就会出现不能跳转的现象。经过一翻排查，发现绑定的事件都会执行，是由于DOM本身的冒泡事件所以会最后执行href属性内的javascript:v 阅读全文
posted @ 2012-09-16 18:10 长城的草 阅读(2070) 评论(0) 推荐(0)
fixed 定位兼容ie6
摘要：/*修正ie6 闪烁bug*/* html,* html body{background-image:url(about:blank);background-attachment:fixed;}/*对话框 fixed 定位*/#loginDialog { position:fixed; top:125px; left:50%; _position:absolute; _top:expression(eval(document.documentElement.scrollTop+125)); _left:expression(eval(document.doc... 阅读全文
posted @ 2012-08-13 20:42 长城的草 阅读(191) 评论(0) 推荐(0)
cookie的路径
摘要：摘要： 最近研究使用加密cookie给不同系统作同步登陆，其中遇到了一些关于cookie设置和cookie路径的问题，结合查找的资料和经验写一下总结。PHP setcookie()函数 定义和用法 setcookie() 函数向客户端发送一个 HTTP cookie。 cookie 是由服务器发送到浏览器的变量。cookie 通常是服务器嵌入到用户计算机中的小文本文件。每当计算机通过浏览器请求一个页面，就会发送这个 cookie。 cookie 的名称指定为相同名称的变量。例如，如果被发送的 cookie 名为 "name"，会自动创建名为 $user 的变量，包含 coo 阅读全文
posted @ 2012-05-13 01:01 长城的草 阅读(16938) 评论(0) 推荐(3)
看wordpress模版twentyeleven有感
摘要：摘要： 今天想改一个wordpress的模版，于是研究了一下他的官方模版twentyeleven，发现了他的布局和平时的习惯有些不同之处，感觉对于自己比较新，于是记录下来。简介： 首先上它index.php的一段代码（主要是看它的布局了，这是从浏览器端拷贝出来的，不是最原始的代码了）。 这里就看三个div了，div#main包含了div#primary和div#secondary如图一。为了更清楚，分别给div#primary和div#secondary加上了#069和yellow的背景颜色。 下面的重点就是div#primary和div#secondary。<div id=" 阅读全文
posted @ 2012-05-02 22:24 长城的草 阅读(2698) 评论(0) 推荐(0)
css hack 笔记 for ie8,ie7
摘要：今天又迫不得已用到了css hack，记下来备用了/*for ie8,ie7*/.newslink {padding-bottom:8px\0;*padding-bottom:6px;}分享一个比较全的 css hackhttp://leeiio.me/css-hack-for-firefox-opera-safari-ie/ 阅读全文
posted @ 2012-04-06 10:54 长城的草 阅读(193) 评论(0) 推荐(0)
css 书写记录（兼容性）
摘要：很早开始就知道css hack并使用之，以前觉得css hack是个很神奇的东西能解决很多兼容性问题，渐渐地发现，其实不容hack的页面才是更好的选择。从页面开始布局设计初就考虑到各个浏览器的问题，留出充足的余量和给各个浏览器留出充足的发挥空间，这样的页面兼容性才是最好的。 下面就来几个问题： 1、div border不能显示 问题描述：用一个div A层中间放了几个div B来存放内容，因为内容是不固定的，于是就使用了对B层使用了float，让A层自适应高度，后面对A层加上边框，在ie中能显示，但是在firefox中就始终没法显示。 问题分析：B层使用了float，位置浮起，A层... 阅读全文
posted @ 2011-10-27 13:48 长城的草 阅读(452) 评论(0) 推荐(0)
css hack 记录
摘要：hack一览表：标记IE6IE7IE8FFOperaSarari[*+>property—— Y———— Y———— Y———— N———— N———— N.property —— Y———— Y———— Y———— N———— N———— N*property—— Y———— Y———— Y———... 阅读全文
posted @ 2011-07-25 09:02 长城的草 阅读(199) 评论(0) 推荐(0)
CSS中span元素与text-indent(段落缩进)的应用
摘要：<html><head><title>测试span元素</title></head><body>第一种情况：直接使用text-indent <br /><span style="text-indent:2em;">缩进的内容</span><hr>第二种情况：使用display把span定义成block <br /><span style="display:block;text-indent:2em;">缩进的内容 阅读全文
posted @ 2011-07-22 15:55 长城的草 阅读(10842) 评论(3) 推荐(0)