div css
关注
分享
扫一扫
nb_pdd
本人性格开朗活泼，喜欢结交朋友！朋友都叫我“兔兔”，很可爱的昵称吧？嘿嘿~~~
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
png透明问题解决方法（png图片ie6不兼容问题）
<br />在web前端开发中，经常会遇到需要用背景或图片透明的问题。<br /><br />首先，目前我们所面临的情况是：<br />1.在ie7+,firefox,safari,opera这些常用浏览器中，直接使用透明png是没有问题的，但在ie6下却不能透明。<br /><br />2.ie6目前的时常份额仍然很大，我们必须考虑兼容ie6的问题。<br /><br />png背景透明解决办法<br />.pngbackground{<br />background:url(yo原创 2010-09-13 12:07:00 · 9458 阅读 · 0 评论 -
一位网页设计师制作网页的流程
<br />想想自己前前后后做网页制作已将进半年了，在这半年里有多少辛酸、多少欢喜伴随着我一步一步往前走，经历的多了 自然要老练一些了。在网页制作流程方面，刚开始我总是拿者设计稿就开始进行切割，直接就在DW里面敲代码，遇见一块用一个DIV 那时候我就自称学会了Div+Css了，现在想想真是太嫩了。在不断的摸索中，自己也有了一定的提高。<br />以下是我从这半年中总结出来的一些网页制作的流程和技巧：<br />1、 拿到设计稿的后要认真研究，把握大致的框架图，做到心里有一个整体的构思，其中还可以揣摩一原创 2010-12-28 09:49:00 · 817 阅读 · 0 评论 -
整合
<br />一、样式名均以字母开头，后缀可包含字母、数字、下划线和中划线，样式名尽量采用通俗易懂的英文单词组成<br />二、能采用缩写的样式属性尽量采用缩写形式，如margin，padding，border等;<br /> （原则：上-右-下-左 --> MARGIN: 1px 2px 3px 4px 上-(右左)-下 --> MARGIN: 1px 2px 3px<br /> （上下）-（左右）--> MARGIN: 2px 4px 上右下左 --> MARGIN: 4px;原创 2010-12-13 11:21:00 · 459 阅读 · 0 评论 -
css Hack技巧
<br />一、CSS HACK <br />HACK概念：<br />不同的浏览器，比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。这个针对不同的浏览器写不同的CSS code的过程，就叫CSS hack, <br /><br原创 2010-12-10 16:02:00 · 445 阅读 · 0 评论 -
div+css处理链接的:link,:visited,:hover,:active四种状态
<html><br /> <head><br /> <style><br /> a:link {background-color: red; color: white;}<br /> a:visited {background-color: yellow; color: black;}<br /> a:hover {background-color: green; color: white;}<br原创 2010-12-09 10:02:00 · 1295 阅读 · 0 评论 -
超出隐藏用省略号样式
<br /><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><br /><html><br /><head><br /><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><br /><title>css写省略号方法</title><br /><style><br />/* CSS DEMO */原创 2010-12-10 17:40:00 · 1015 阅读 · 0 评论 -
兼容技巧
<br />1. <br />ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。所以先定义ul{margin:0;padding:0;}就能解决大部分问题。也可用!important解决<br /><br /><br /> <br /> <br /> <br /> <br />原创 2010-12-10 17:36:00 · 442 阅读 · 0 评论 -
IE下模拟css3中的box-shadow（阴影）
css3中的box-shadow（阴影）可以查看：http://www.css88.com/archives/2136或者http://www.css88.com/tool/css3Preview/Box-Shadow.html在ie下模拟css3中的box-shadow（阴影）可以使用ie的Shadow（阴影）滤镜基本语法：filter: progid:DXImageTransform.Microsoft.Shadow(color=’颜色值’, Direction=阴影角度（数值）, Strength=阴原创 2010-12-03 16:33:00 · 692 阅读 · 0 评论 -
去掉点击链接，a链接过后产生的虚线框
方法一：定义样式outline:none即可，但此法只适应于FF，IE不支持，在IE 下可使用其私有的html属性：hideFoucs，在标签的结构中加入 hidefocus=”true” 属性。 Css代码 这里放置您需要的文字或图片这里放置您需要的文字或图片方法二：针对于IECss代码 .HideFocus { hide-focus: expression(this.hideFocus=true); /* for ie 5+ */ outline: none; /* for firef原创 2010-09-16 13:00:00 · 2048 阅读 · 0 评论 -
去掉链接、按钮的虚框
<br />链接和按钮在点击的时候会默认出现虚框，有时候因为美观我们需要去掉，最近就被这个小折腾了下，总结了下往上发的一些方法。<br />1、a{outline:none} 这个是针对Firefox的，但是IE下无效。<br />2、jQuery(“a”).each(function(){this.onmouseup = this.blur();})如果网站中已经加入jQuery，可以用这个方法。<br />3、< a href="#" hidefocus="true">……，在a标签中加入h原创 2011-04-25 11:50:00 · 2934 阅读 · 0 评论