div demo

<div class="background">
        <logintitle>自由的计算机世界</logintitle>
        <form name="loginForm" method="post" action="">
            <p>
                姓名: <input name="username" value=""></input>
            </p>
            <p>
                密码: <input name="passwd"></input>
            </p>
            <p>
                <input type="submit" class="" name="submit" value="确定">
            </p>
            <p>
                <input type="button" class="" name="submit" value="取消">
            </p>
        </form>
    </div>

时间： 2024-10-12 14:02:21

div demo的相关文章

jquery之隐藏div

1.$("#demo").attr("style","display:none;");//隐藏div $("#demo").attr("style","display:block;");//显示div2.$("#demo").css("display","none");//隐藏div $("#demo").c

微信图文消息编辑后台 - Demo

最近公司APP需要开发IM功能,有类似公众号消息的需求,果断照着微信的后台来一发. 不多说直接上效果 效果网址:demo ps:个人域名还没有弄好,有点忧伤~~~~ 附:网页代码,详细代码见 github <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <meta http-equ

div中的内容垂直居中实例

<!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>         <title>   

transform的妙用---实现div不定宽高垂直水平居中

transform的兼容性 transform的兼容性还是比较乐观的.IE9以下不兼容,IE9支持代替的-ms-transform属性不过只支持2D转换. 谷歌和Safari支持代替的-webkit-transform属性.IE9以上.火狐和欧朋是兼容的. transform 属性向元素应用 2D 或 3D 转换.该属性允许我们对元素进行旋转.缩放.移动或倾斜. 在此,可妙用其移动的属性. 遇见div不定宽和高垂直水平居中的问题.记得以前都是用js去实现.现在可以用 transform进行实现.

有利于SEO的DIV+CSS的命名规则小结

由于项目中编写文档结构.编写CSS的人员较多,并与程序员协同工作,所以就需要统一开发规范,根据XHTMl和CSS编织的规范和大多人的习惯,整理了以下针对本项目的一个简单的开发规范. 一.CSS文件及样式命名 1.CSS文件命名规范 全局样式:global.css: 框架布局:layout.css: 字体样式:font.css: 链接样式:link.css: 打印样式:print.css: 2.CSS样式命名规范 本人建议:用字母._号工.-号.数字组成,必须以字母开头,不能为纯数字.为了开发后样

jquery中隐藏div的几种方法

//jQuery中的显示.隐藏方法 $("#id").show()://表示display:block,    $("#id").hide()://表示display:none;    $("#id").toggle();//切换元素的可见状态.如果元素是可见的,切换为隐藏的:如果元素是隐藏的,切换为可见的. //添加样式的方法    $("#id").css('display','none');    $("#id

有利于SEO优化的DIV+CSS的命名规则小结

一.CSS文件及样式命名 1.CSS文件命名规范 全局样式:global.css/master.css: 专栏样式:columns.css: 主题样式:themes.css: 框架布局:layout.css: 字体样式:font.css: 链接样式:link.css: 打印样式:print.css: -------------------------------------------------- 页面主体:main: 内容:content: 标签页:tab: 文章列表:list: 提示信息:

wangeditor Demo

<html> <head> <!--在这里字符集的设定很重要,如果设定不当将会出现乱码--> <meta charset="UTF-8"> <title>wangEditor demo</title> </head> <body> <!--wangEditor是一款基于jquery框架开发的插件--> <script src="http://cdn.bootcss

原生DIV，控制两个DIV显示隐藏切换，且切换后样式形状不乱

功能:做项目时候经常需要设置两个DIV显示或者隐藏,切换显示,并且保证之前设置的样式不乱: 实现: 保证样式不乱的方法是:先进行有关数据渲染的操作,最后再执行隐藏和显示的操作,这样数据已经填充好了,样式就不会乱了. 一.方式1:隐藏后仍占有页面空间,显示空白 div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白 style="visibility: none;"document.getElementById("typediv1").styl