div+css
文章平均质量分 79
mituan1234567
今天比昨天更好明天比今天更好为此不屈不挠地工作勤勤恳恳地经营孜孜不倦地修炼我们人生的目的和价值就是这样确确实实地存在着
展开
-
css div的水平、垂直同时居中
http://www.css3-html5.com/Div-css-Layout/20110408672.html创建页面布局的时候,会遇到只是用纯粹的css控制div的垂直和水平居中。有很多种方法可以实现这种效果,这里列出我喜欢的。首先是最基本的,css控制div水平居中创建一个div的水平居中很简单,只需要设定宽度和左右margin值自动。这种方法可以用在b转载 2013-11-17 22:43:51 · 593 阅读 · 0 评论 -
块级元素和行内元素都有哪些
原文地址:http://www.yixin.me/blog/inline-and-block-elements.html行内内容是说由行内元素组成的内容,行内元素大家都知道吧,比如 SPAN 元素,IFRAME元素和元素样式的display : inline的都是行内元素。例如文字这类元素,各个字母 之间横向排列,到最右端自动折行。块级内容跟则是由块级元素构成,DIV 是最常用转载 2014-02-19 22:01:08 · 1312 阅读 · 0 评论 -
根据input的type来控制css样式
http://blog.csdn.net/ldl22847/article/details/5016529/*根据input的type来控制css样式*//*1.用css的expression判断表达式优点:简单,轻量级缺点:expression判断表达式FireFox是不支持的。致命的是只能区分出一个(例如例子中就只能区分出text文本框),不要试转载 2014-03-09 15:50:26 · 1023 阅读 · 0 评论 -
div align center实现内容居中 转化为CSS如何实现
此DIV标签内的属性align="center"的作用是什么,使用CSS是否同样能实现这样效果,如果用CSS替换div align center又如何实现。作用是让此DIV对象内的内容居中显示,可以使用div字体居中、DIV内图片居中,均为横向水平居中内容无论是图片还是文字都能实现居中。一、div使用align实现内容居中 - TOP看小例:1、完整html转载 2014-03-09 15:18:44 · 1725 阅读 · 0 评论 -
background-position:center right这里center right分别代表什么,引入对图片背景定位介绍
http://www.divcss5.com/wenji/w496.shtmlbackground-position:center right这里center right分别代表什么,引入对图片背景定位介绍background-position是用于定位背景图片中对象中显示定位,比如图片作为背景时在对象内什么位置开始显示,显示样式等。比如让一个图片作为对象背景距离对象左边或右边转载 2014-03-09 15:22:15 · 1907 阅读 · 0 评论 -
CSS自动竖向排列的布局方法
CSS自动竖向排列的布局方法,像电脑桌面的图标一样,自动竖着排,排满一列后重新进行下一列排序。方法有很多,有人用JS,有人用CSS,不管什么样的方法,简单、兼容就是好代码,本代码仅供参考。http://www.codefans.net/jscss/code/2856.shtml#mainBox{border:1px #f00 solid;width:300px;转载 2014-03-16 10:56:16 · 13241 阅读 · 0 评论 -
css+div 图片排列布局
http://www.sj33.cn/jc/wyjc/htmlcss/201111/29298.html我们来看如下图这种css div网页布局吧,分析一下是由一个大层,里面由多个li标签组成了, 下面就是我们的上面这段图片显示方式的div布局哦. 头像列表转载 2014-03-16 11:03:46 · 4751 阅读 · 0 评论 -
Ueditor在ASP.NET的配置说明
http://www.cnblogs.com/ganqiyin/archive/2013/05/06/3063287.html之前从来都没有弄过富文本,有次和朋友聊天,他说要我一定要练练富文本控件。他也向我推荐了百度的Ueditor。 鼓捣的时候也百度过,看了下,写这个的比较少,而且比较简陋。我比较笨,所以看的不太明白,我向我朋友请教,他也没有鼓捣过,最后我们两一起鼓捣了转载 2014-04-10 20:13:39 · 633 阅读 · 0 评论 -
在表单提交前进行验证的几种方式
http://blog.csdn.net/qian_f/article/details/9631691在Django中,为了减轻后台压力,可以利用JavaScript在表单提交前对表单数据进行验证。下面提供了有效的几种方式(每个.html文件为一种方式)。formpage1.html[html] view plaincopy>转载 2014-07-16 17:15:31 · 623 阅读 · 0 评论 -
fieldset——一个不常用的HTML标签
一个不常用的HTML标签fieldset,不过我觉得比较有意思,其语法如下:fieldset名称下面是一个代码示例:用户登陆帐号:密码: 代码的实际效果如下: 用户登陆帐号: 密码: fieldset 标签 -转载 2014-07-16 18:34:49 · 753 阅读 · 0 评论 -
如何使iframe自适应高度和宽度
http://blog.163.com/yan_1990/blog/static/1978051072011112322811502/假设页面中包含iframe的部分代码如下:http://blog.sina.com.cn/u/1463420203" width="100%" height=0>方法一:在页面中加入 document.all("t转载 2014-07-01 18:15:23 · 1016 阅读 · 0 评论 -
JQuery实现DIV展开折叠类似Outlook效果
无标题文档#container{width:100%;background-color:#999;}#navigate{width:25%;float:left;background-color:#999;}/* 左侧导航 顶部按钮 */#navTop { background-color: grey;原创 2014-07-01 18:20:35 · 1082 阅读 · 0 评论 -
jquery库实现iframe自适应内容高度和宽度
http://neverstoping.iteye.com/blog/1540370javascript原生和jquery库实现iframe自适应内容高度和宽度---推荐使用jQuery的代码! 基于Jquery库的代码很好实现: $(document).ready(function(){ $("#mainframe").load(function转载 2014-07-01 18:55:05 · 665 阅读 · 0 评论 -
iframe用法总结
http://qindingsky.blog.163.com/blog/static/31223362007659856937/是框架的一种形式,也比较常用到。 例子1。不用多说了。 width插入页的宽;height插入页的高;scrolling 是否显示页面滚动条(可选的参数为 auto、yes、no,如果省略这个参数,则默认为auto);fra转载 2014-07-01 18:11:44 · 474 阅读 · 0 评论 -
css鼠标样式cursor介绍(鼠标手型)
http://www.17jquery.com/div_css/55815/CSS鼠标样式语法如下:任意标签中插入 style="cursor:*" 例子:文本或其它页面元素 文本或其它页面元素 注意把 * 换成如下15个效果的一种:下面是对这15种效果的解释。移动鼠标到解释上面,看看你的鼠标起了什么变化吧!hand是手型 例子:CSS鼠标手转载 2014-07-01 19:01:07 · 23785 阅读 · 0 评论 -
Tab切换
网页层切换效果_TAB效果大全*{margin:0;padding:0;}body{margin:50px;font-size:12px;color:#666;}li{list-style:none;}div{width:210px;}.tab1 ,.tab2{width:398px;height:34px;border:1px #cfedff solid;border-b转载 2014-11-07 18:40:28 · 612 阅读 · 0 评论 -
为何img、input等内联元素可以设置宽、高
http://blog.csdn.net/jlds123/article/details/8647448元素是文档结构的基础,在CSS中,每个元素生成了一个包含了元素内容的框(box,也译为“盒子”)。但是不同的元素显示的方式会有所不同,例如和就不同,而和也不一样。在文档类型定义(DTD)中对不同的元素规定了不同的类型,这也是DTD对文档之所以重要的原因之一。1. 替换和不转载 2014-02-19 19:16:52 · 564 阅读 · 0 评论 -
行内元素和块级元素
http://hi.baidu.com/821402834/item/382b32572a6ec0ca9f266763一.什么是行内元素和块级元素我想用几点特性来定义下块级元素和行内元素,符合这些特点的一般就八九不离十了(本人无法保证100%)。在标准文档流里面,块级元素具有以下特点:①总是在新行上开始,占据一整行;②高度,行高以及外边距和内边距都可控制转载 2014-02-19 19:13:28 · 676 阅读 · 0 评论 -
关于jquery.fn
http://blog.sina.com.cn/s/blog_83958bc601012cl9.htmljquery $.fn $.fx是什么意思$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效。如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引转载 2014-02-20 21:18:07 · 463 阅读 · 0 评论 -
html 的 cellpadding 与 cellspacing
http://www.dreamdu.com/xhtml/attribute_cellpadding_cellspacing/单元格(cell) -- 表格的内容单元格边距(表格填充)(cellpadding) -- 代表单元格外面的一个距离,用于隔开单元格与单元格空间单元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的距离,也是单元格补白之间的距离引用网址:ht转载 2014-02-22 21:14:07 · 541 阅读 · 0 评论 -
【表格样式】——HTML制作表格大全
http://blog.csdn.net/shujudeliu/article/details/7861296标签的属性设置带边框的表格:FoodDrinkSweet ABC FoodDrinkSweetABC不带边框的表格: FoodDrinkSwe转载 2014-02-22 21:15:32 · 1775 阅读 · 0 评论 -
CSS 的优先级机制[总结]
http://www.cnblogs.com/xugang/archive/2010/09/24/1833760.html样式的优先级多重样式(Multiple Styles):如果外部样式、内部样式和内联样式同时应用于同一个元素,就是使多重样式的情况。一般情况下,优先级如下:(外部样式)External style sheet 有个例外的情况转载 2014-02-24 21:13:53 · 540 阅读 · 0 评论 -
jquery 在指定位置弹出div框并实现DIV由下向上展开的效果
http://blog.csdn.net/zdw_wym/article/details/116432291、功能要求:页面上一个div,默认是隐藏起来的,当点击页面中的a标签后,让这个div在a标签位置显示该div。 2、实现代码:$("#aChooseNumber").click(function () { $("#divChooseNumber").cs转载 2014-02-25 13:41:26 · 6683 阅读 · 0 评论 -
jquery 在指定位置弹出div框并实现从下向上展开效果
http://blog.csdn.net/zdw_wym/article/details/116432291、功能要求:页面上一个div,默认是隐藏起来的,当点击页面中的a标签后,让这个div在a标签位置显示该div。 2、实现代码:$("#aChooseNumber").click(function () { $("#divChooseNumber").css(转载 2014-02-25 13:42:49 · 8929 阅读 · 0 评论 -
background-position 用法详细介绍
http://blog.csdn.net/JeamKing/article/details/5617088background-position : length || length background-position : position || position 取值: length : 百分数 | 由浮点数字和单位标识符组成的长度值。请参阅 长度单位 po转载 2014-02-25 15:42:23 · 603 阅读 · 0 评论 -
DivCSS布局实例:很实用的图文混排CSS列表
http://www.52css.com/article.asp?id=669CSS网页布局的一大特点就是列表元素的应用,在传统的表格布局中往往将列表元素作为表格来处理,这样的方式非但不具有语义还产生了许多不必要的代码。 今天我们共同学习一款“图文混排CSS列表”的制作。首先从分析一下此列表的特点,然后编写HTML代码,最终应用CSS样式实现最终的效果。列表的效果如图所示:转载 2014-02-25 16:21:28 · 1399 阅读 · 0 评论 -
由浅入深漫谈margin属性
http://www.planabc.net/2007/03/18/css_attribute_margin/margin 在中文中我们翻译成外边距或者外补白(本文中引用外边距)。他是元素盒模型(box model)的基础属性。一、margin的基本特性margin 属性包括 margin-top, margin-right, margin-bottom,转载 2014-02-18 08:47:34 · 415 阅读 · 0 评论 -
如何让div横向排列
http://blog.csdn.net/ldl22847/article/details/5262193http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">div {float:left;width:200px;height:200px;border:1px solid red}-->w转载 2014-02-18 10:09:12 · 2817 阅读 · 0 评论 -
行内元素和块级元素有哪些
http://pengyfpengyf.blog.163.com/blog/static/1983435920120306270541/一.行内元素和块级元素有哪些?块级元素information on authorlong quotationpush buttontable captiondefi转载 2014-02-18 10:36:32 · 1032 阅读 · 0 评论 -
深入理解CSS盒子模型
http://kb.cnblogs.com/kb/86623/前言:前阵子在做一个项目时,在页面布局方面遇到了一点小问题,于是上stackoverflow上求助。ifaou在帮助我解决我问题的同时,还推荐我阅读一篇有关CSS盒子模型的文章《The CSS Box Model》,阅读之后受益匪浅,才知道自己对盒子模型知识还是如此欠缺。恰逢学期末,项目验收后暂时告一段落,有空闲的时间。于是转载 2014-02-18 08:59:56 · 533 阅读 · 0 评论 -
display:block
display:block可以理解为块。用个简单的例子给你!比如你做一个超链接,超链接当你鼠标移过去文字的时候,超链接有效果!而当我把样式这样设置:li a{width:100px;height:100px; display:block; color:red; text-decoration:none;}鼠标移到文字周围100*100的地方,就有超链接效果了,就是把100*10转载 2014-02-18 08:35:48 · 416 阅读 · 0 评论 -
css盒模型和块级、行内元素深入理解
http://www.jb51.net/css/68729.html一、CSS盒模型盒模型概述盒模型是CSS的核心知识点之一,它指定元素如何显示以及如何相互交互。页面上的每个元素都被看成一个矩形框,这个框由元素的内容、内边距、边框和外边距组成。如下图所示:内边距出现在内容区域的周围。如果在元素上添加背景,那么背景应用于元素的内容和内边距组成的区域。因此可转载 2014-02-18 09:06:52 · 724 阅读 · 0 评论 -
a.class与a .class的区别
http://www.cnblogs.com/PeunZhang/archive/2012/05/08/2489156.html4月份一直忙,一直想抽时间来写博文,现在终于挤出来了,回忆在小钱包项目中遇到各种困难的问题,对a:hover.class与a:hover .class的用法不是很理解,写法的区别在于在hover与.class中间是否多一个空格。以前每次我都宁愿多写个class转载 2014-02-18 09:43:27 · 749 阅读 · 0 评论 -
四个好看的CSS样式表格
http://blog.csdn.net/nightelve/article/details/79577261. 单像素边框CSS表格这是一个很常用的表格样式。源代码:2. 带背景图的CSS样式表格和上面差不多,不过每个格子里多了背景图。cell-blue.jpgcell-grey.jpg1. 下载上面两张图,命名为cell-blue转载 2015-09-22 16:01:00 · 666 阅读 · 0 评论