欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

div+css

shiping1 的头像

bootstrap是什么

Bootstrap
简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。
普通分类: 
shiping1 的头像

bootstrap 来自 http://www.bootcss.com/

普通分类: 
shiping1 的头像

在html语言中,cellpadding="0" cellspacing="0"是什么意思啊?

cellspacing设置为“0”,显示的结果就是第一个表格的每个单元格之间的距离为0。
普通分类: 
shiping1 的头像

table 边框 及 边框颜色 几种方法


制作1px边框表格的几种方法

普通分类: 
shiping1 的头像

只能输入数字

<input type="text" onkeyup="value=value.replace(/\D+/g,'')" name="tel" id="tel" value="" class="intxt inputtext">
普通分类: 
shiping1 的头像

blocquote 标签 表示引用的内容

<blocquote>AAAAAAAAAAAA</blocquote>
普通分类: 
shiping1 的头像

photoshop 的 png24 才能在html 中透明

普通分类: 
shiping1 的头像

CSS实现文字、图片变形:旋转、缩放和移动

-moz-transition-property: -moz-transform; -moz-transform-origin: 0pt 0pt; -moz-transform: translate(0px, -81px) scale(1);
普通分类: 
shiping1 的头像

HTML <caption> 标签

HTML <caption> 标签

普通分类: 
shiping1 的头像

CSS Hack大全-可区分出IE6-IE10、FireFox、Chrome、Opera 有大用 有大大用 有大大大用

CSS Hack大全-可区分出IE6-IE10、FireFox、Chrome、Opera

普通分类: 
shiping1 的头像

史上最全的css hack(ie6-9,firefox,chrome,opera,safari)

普通分类: 
shiping1 的头像

浏览器专属 CSS Hack:区分 Firefox / Opera / Safari / Internet Explorer

普通分类: 
shiping1 的头像

drupal 里的table的宽度 好像与 css里定义的不一样

我们把table里的td  默认的
普通分类: 
shiping1 的头像

css 水平流动 垂直滚动

overflow-x: hidden;
overflow-y: scroll;
普通分类: 
shiping1 的头像

HTML DOM的nodeType值[试验田]

HTML DOM的nodeType值[试验田]

2008-02-27 16:37 by 普若伽门, 9194 阅读, 1 评论, 收藏, 编辑 将HTML DOM中几个容易常用的属性做下记录:

nodeName、nodeValue 以及 nodeType 包含有关于节点的信息。

nodeName 属性含有某个节点的名称。

普通分类: 
shiping1 的头像

html form

<input id="chkXY" type="checkbox" checked="checked" />
<input id="chkFCM" type="checkbox"  checked="checked" />
<input id="chkXY" type="radio" checked="checked" />
<input id="chkFCM" type="radio"  checked="checked" />
<input type="radio" name="fruit" value = "Orange" checked>桔子<br>

以上关于选中状态肯定是正确的



 <form action="" method="post" enctype="multipart/form-data" name="form1"
    id="form1">
            aa
普通分类: 
shiping1 的头像

CSS3 圆角 边框 阴影 自己亲自做的例子 有大用 有大大用

下面自己亲自做的实例


/*加背景颜色  不用边框也可以*/
div
{
border:2px solid;
border-radius:25px;
-moz-border-radius:25px; /* Old Firefox */
}

向 div 元素添加圆角:(好像对table有点问题 ,对div没有问题)

/*加背景颜色  不用边框也可以*/

 

普通分类: 
shiping1 的头像

精选15个国外CSS框架

精选15个国外CSS框架

上一篇: «
下一篇: »

什么是css框架

普通分类: 
shiping1 的头像

进行iframe内的提交的时候 为什么iframe 的 name 和 form的 target要同一个名字 才可以 比如改成 navBoxbaoming1才可以

进行iframe内的提交的时候 为什么iframe 的 name 和 form的 target要换一个名字 才可以 比如改成 navBoxbaoming1才可以

事实上改了之后 还是不行


<form action="/php/zaixianbaomingpop.php" target="navBoxbaoming" method="post" onsubmit="return checkSubmitBaoMing();" name="addcontentbaoming" ><input type="hidden" name="dopost" value="save" /><input type="hidden" name="channelid" value="21" /><input type="hidden" name="typeid" value="35" /><input type="hidden" name="fromurl" value="" />     
     <div style="padding-left:106px;padding-top:171px;width:350px;">
普通分类: 
shiping1 的头像

ie6 input text-indent 有问题

ie6 input text-indent  有问题
只需把 input 的style里加上display:block 就可以了
普通分类: 
shiping1 的头像

ie6 div position 为absolute 里面的div 的position 也为 absolute 可能就有问题 最好去掉外面的那个position为absolut 改position为默认

记住  只是在有的情况下有问题  并不是所有的情况下都有问题
ie6 div  position 为absolute 里面的div 的position 也为 absolute 可能就有问题 
最好去掉外面的那个position为absolut 改position为默认
普通分类: 
shiping1 的头像

图文混排解决方案

图文混排解决方案

 

第一种方法:背景图片法

这种方法适用于非动态内容,图片用于装饰的情况下。主要是设置父元素的padding的宽度为背景图片的宽度加上图片和文字的间距,然后把背景图片定位到padding里面就可以了

图文混排demo1,背景图片法

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

html code

普通分类: 
shiping1 的头像

CSS图文混排 采用dl dt dd

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>图文混排</title>
<style>
* {
margin:0;
padding:0;
}
body {
background:#fff;
}
#wrap {
width:502px;

普通分类: 
shiping1 的头像

设置图文混排

设置图文混排

在文本排版中,如果不进行特殊设置,浏览器就默认对图片和文字分行显示,这显得不大美观。div css图文混排的实现主要通过float属性来控制。

1、图片浮在文字的左边:

普通分类: 
shiping1 的头像

图文混排 图像左浮动 右浮动

 用CSS实现HTML图文混排

在网页中经常需要文字环绕图片,或文字与图片分开来排列,目前常用的方法是使用表格来定位文字和图片以此来实现 。但对于动态的网页,图文混排的格式并不是一成不变的所以要想动态的生成表格来实现图文混排是非常困难的。

    在CSS中有二个的属性可以用来实现图文混排。而且可以相对比较方便的实与动态内容相联系,在此我做以简单简绍:

1. float 设定浮动性质(多用于文绕图的情形)

支 持:IE4、NC4
适 用:区块元素或图形
可能值: left 元素靠左,文字围绕其右 right 元素靠右,文字围绕其左 none 以预设的方法显示预设值:none
继承性:无

一般范例:DIV { float : right }
同轴范例:<DIV style="float:right">
 2.clear 设定清除性质(设定是否允许浮动元素之存在)
支 持:IE4
适 用:区块元素或图形
普通分类: 
shiping1 的头像

css 圆角

CSS3圆角详解

 

作者: 阮一峰

日期: 2010年12月 9日

CSS3是样式表(style sheet)语言的最新版本,它的一大优点就是支持圆角。

普通分类: 
shiping1 的头像

文本阴影效果

普通分类: 
shiping1 的头像

浏览器通用的播放 swf文件

下面是优酷的代码 如果是播放其它的swf文件 当然 参数要进行一些修改
<embed width="800" height="410" align="middle" flashvars="isAutoPlay=true&amp;winType=index" allowfullscreen="true" allowscriptaccess="always" quality="high" src="http://player.youku.com/player.php/sid/XNjAyMDY5NzA4/v.swf" wmode="transparent">
普通分类: 
shiping1 的头像

div内放form,h3 ,之间的距离在IE6中怎么去掉_百度知道

ie6 ,ie7 里出现 这种间距
我们设
在样式表中加上 *{ margin:0px; padding:0px; }
就可以去掉 间距了

普通分类: 
shiping1 的头像

LI 和 LI 之间的间距问题,IE6 IE7下有一点间距

1)第一种解决方法
 ul li{ width: 100%; float:left;}

2)第二种解决方法
ul li {display:inline}

来自 http://bbs.csdn.net/topics/320070763
普通分类: 

页面

Subscribe to RSS - div+css