作家
登录
  • 对网页中层的固定实现代码

    对于DIV+CSS不熟悉的我,为此加班加点在项目上线时把问题解决了。参考代码如下: 复制代码代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/x...

    作者:asdasdasd11-19
  • 浏览器默认样式

    熟悉这些之后可以明白 一、使用CSS reset的原因。 二、*{margin:0;padding:0;}一刀切的做法为什么不提倡 三、网上广泛流传的CSSreset为什么也有人不提倡 从对比图可以看出,不部分标签其实是没有...

    作者:asdasdasd11-19
  • IE6的inline-block

    1、display:inline-block 让一个元素具有&ldquo;区块元素&rdquo;的属性(可以设置width和height),又具有&ldquo;内联元素&rdquo;的属性(不产生换行)。 2、IE中的inline-block IE6不支持这个属...

    作者:asdasdasd11-19
  • 级联样式文件共通样式整理

    CSS Code复制内容到剪贴板


    /*<pre>:定义预格式化文本;<code>:用于表示计算机源代码的文本内容;
    *<fieldset>:可将表单内相关的元素分组;<legend>:为fieldset标签定义标题;
    ...

    作者:asdasdasd11-19
  • CSS教程:scrollbar的属性知识及样式分类介绍

    1.overflow内容溢出时的设置(设定被设定对象是否显示滚动条) overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hid...

    作者:asdasdasd11-19
  • css :nth-child与:nth-of-type之小解

    让我们看下面一段html: 复制代码代码如下: <section> <p>Little</p> <p>Piggy</p> <!-- 定位此元素--> </section> 下面的2种写法都可以达到目的 复制代码代码如下: p:nth-child(2) { color: re...

    作者:asdasdasd11-19
  • 你不可不知的CSS选择器

    一、五大基本选择符
    1. *(通配符)*通配符选择器,经常用于css reset(样式重置),清理标签的默认样式,但现在一般不提倡直接使用*了,主要是*会匹配所有标签,相当耗资源。*在css的优先级中是...

    作者:asdasdasd11-19
  • IE6/7 and IE8/9(Q)中td的上下padding失效的解决方法

    如下 复制代码代码如下: <!DOCTYPE HTML> <HTML> <HEAD> <meta charset="utf-8"> <title>IE6/7 and IE8(Q) 中td的上下padding失效</title> <style> table { border:1px solid #555; } td { back...

    作者:asdasdasd11-19
  • 巧用CSS边框 制作技能冷却效果

    在线演示:http://demo.jb51.net/js/2011/WarICONPrefect/index.htm上面的效果看起来还不错吧。在网页里,除了用Flash,我们还是有不少方法可以实现它。
    显然这种效果不复杂,一张背景图片...

    作者:asdasdasd11-19
  • css 解决浏览器兼容问题

    这里大家要知道CSS不兼容的原因是因为各浏览器给CSS默认属性值不一样造成的。 第一招:给常用CSS规定属性值。 body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,form,input,p,th,td{margin:0;padding:0;...

    作者:asdasdasd11-19
  • CSS设置DIV Herf底层图片和链接同时改变(兼容多浏览器)

    /*CSS样式设置 涂聚文 Geovin Du**/ 复制代码代码如下: .text8 { font-family: Arial, Helvetica, sans-serif; background-image: url(../images/05.jpg); height:42px; text-align:center; } ....

    作者:asdasdasd11-19
  • 使用font-size:0 来去掉inline-block元素之间的空隙方法

    像下面图中的布局,如果排列的元素是等高的话,相信很多人都会使用浮动来布局,不过如果元素不等高的话,不添加多余的标签,浮动布局是很难实现下图中的效果。如果遇到这种情况,可以使用inline...

    作者:asdasdasd11-19
  • IE 元素默认高度研究



    序号
    HTML
    IE<=7 CSS样式
    表现:
    实际高度 (px)
    说明


    1
    ...

    作者:asdasdasd11-19
  • DIV+CSS 全屏垂直居中的一个办法

    例如下边的例子! 我是先定了一个点在中间,然后再把里边的这一块居中处理;
    <style>
    #info{height:0px; width:0px;top:50%; left:50%;position:absolute;}
    #center{background:#FFCC33;bor...

    作者:asdasdasd11-19
  • DIV+CSS通用样式布局实例代码

    一下是一个非常简单易懂的通用样式布局,希望对于刚开始接触DIV+CSS的同学有帮助。先看效果图:
    我们可以看出通常的页面布局有以下几个部分:头部、内容、底部,其中内容有左侧主显区和右侧边栏...

    作者:asdasdasd11-19
  • 用CSS代码绘制三角形 纯CSS绘制三角形的代码

    1、新建一个元素,随便什么元素,不过我习惯性的会用块元素来做。如果行内元素就display:block它。<div class="triangle"></div>2、把它的宽高设置为height:0px; width:0px;3、设置边框border属...

    作者:asdasdasd11-19
  • 浮动的ul背景及图片的边框的使用

    今天遇到的问题整理: 1.ul中的li浮动时,无论给外层div的class写背景,还是给ul写背景,都是没有效果的。这是因为li浮动时撑不起外层的高度。给li或者a加上display:block;也没有用。解决方法是...

    作者:asdasdasd11-19
  • 深入display:inline-block

    在使用 CSS 实现表现的时候,会经常接触到 display:inline-block 这一属性,无论是初接触 Web 标准还是接触标准已久的朋友,大都会对这一属性感觉很迷惑和模糊。display:inline-block
    将对象呈递...

    作者:asdasdasd11-19
  • CSS模拟小箭头的实现代码

    图:HTML代码: 复制代码代码如下: <div class="pre-wrap"> <div class="pre"> <div class="pre1"></div> <div class="pre2"></div> </div> </div> CSS代码: 复制代码代码如下: .pre-wrap { wi...

    作者:asdasdasd11-19
  • IE兼容css3圆角的实现代码

    让我们弃新技术不用,是不可能的,因此找到了一种解决的办法--- IE利用VML矢量可标记语言作为画笔绘出圆角: 下载一个压缩包ie-css3.htc,里面有一个微软的脚本文件(11KB)和一个用来测试服务器...

    作者:asdasdasd11-19
  • 使用不带单位的line-height

    有的时候,我们为了实现单行文字的垂直居中,会给line-height一个和height相同的固定的值;有的时候,我们为了调整特定的某段文字的行间距,通常会考虑使用百分比或者相对尺寸的em。或许是习惯,...

    作者:asdasdasd11-19
  • 去掉checkbox边框的方法(css)

    <input name="a" type="checkbox" style="position:absolute;clip: rect(6 15 15 6)" checked="checked"> 关键:style="position:absolute;clip: rect(6 15 15 6)" 解释: 此属性定义了绝对(abs...

    作者:asdasdasd11-19
  • 用纯CSS3打造立体提示模块的效果实现(图) 附源码

    最近一些日子都在看JS方面的书,写小游戏,好久没写CSS了,昨天看了一个纯CSS3进度条的例子,感觉很有创意,尤其是用background-size来repeat渐变斜线这招,妙不可言。今天再浩方打dota的时候刷...

    作者:asdasdasd11-19
  • Web页面中5种超酷的Hover效果分享

    给平淡的站点带来活力 hover效果能给网页增加一些动态效果,并且使得站点更具有活力。原来的做法是使用javascript来实现这些动态效果,但是随着CSS3的引入和现代浏览器的支持,我们可以用纯粹的...

    作者:asdasdasd11-19
  • 绝对定位才是WEB的精髓

    若是你从未碰到过此问题,并且非得用纯CSS来实现,我想你一时半了也是束手无策吧。这里不讨论如何实现的细节,网上关于此问题的解决方法也是层出不穷,但都有共同点:复杂,取巧。
    且不论...

    作者:asdasdasd11-19