-
对网页中层的固定实现代码
对于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 让一个元素具有“区块元素”的属性(可以设置width和height),又具有“内联元素”的属性(不产生换行)。 2、IE中的inline-block IE6不支持这个属...
作者:asdasdasd11-19 -
级联样式文件共通样式整理
CSS Code复制内容到剪贴板
作者:asdasdasd11-19
/*<pre>:定义预格式化文本;<code>:用于表示计算机源代码的文本内容;
*<fieldset>:可将表单内相关的元素分组;<legend>:为fieldset标签定义标题;
... -
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选择器
一、五大基本选择符
作者:asdasdasd11-19
1. *(通配符)*通配符选择器,经常用于css reset(样式重置),清理标签的默认样式,但现在一般不提倡直接使用*了,主要是*会匹配所有标签,相当耗资源。*在css的优先级中是... -
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
... -
DIV+CSS 全屏垂直居中的一个办法
例如下边的例子! 我是先定了一个点在中间,然后再把里边的这一块居中处理;
作者:asdasdasd11-19
<style>
#info{height:0px; width:0px;top:50%; left:50%;position:absolute;}
#center{background:#FFCC33;bor... -
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
且不论...