CSS
文章平均质量分 62
danielinbiti
Android,Java,web,vb,charge service
展开
-
DIV+CSS基础教程:DIV+CSS的叫法是不准确的
第一章:应知道1.1 DIV+CSS的叫法是不准确的我想凡是来到“CSS学习网”的同学,很大部分是冲着DIV+CSS来的,目的就是学习DIV+CSS的,说的再直接一些就是学习如何用DIV+CSS布局页面,如何从一张图片制作成标准的DIV+CSS页面。 如果你看完第一段还没有发现错误的话,那你就很有必要,接着往下看。 DIV+CSS这种叫法其实是一转载 2013-03-12 16:02:43 · 756 阅读 · 0 评论 -
offsetHeight在OnLoad中为0的现象
在使用IE中,特别在目前div+css的方式,往往不定义div的高度,这是在添加div内容后,需要获取div的高度时,往往需要用到offsetHeight。在使用中,有时会碰到offsetHeight获取到为0的现象,但如果你用各种JS调试工具调试,又能在对象中看到值(如果直接指向offsetHeight是没值的,但如果是对象查看是有值的,在调试器中回车查看对象就已经刷新对象了,所以有值。)原创 2013-07-18 00:50:37 · 2744 阅读 · 1 评论 -
js 与或运算符 || && 妙用
首先出个题:如图: 假设对成长速度显示规定如下: 成长速度为5显示1个箭头; 成长速度为10显示2个箭头; 成长速度为12显示3个箭头; 成长速度为15显示4个箭头; 其他都显示都显示0各箭头。 用代码怎么实现? 差一点的if,else: Js代码 复制代码代码如下:var add_level = 0; if(add_step转载 2013-03-17 00:47:12 · 833 阅读 · 0 评论 -
jquery的flexigrid无法显示
升级了IE10,发现flexigrid无法显示数据,提示获取到了数据,但没任何报错任何显示。截图如下。跟踪代码,发现内部是生成了td,tr和要显示的数据,但没有显示出来。经过试验和跟踪,修改如下。在addData中修改$(t).append(tbody);为$(t).append(''+tbody.outerHTML + '');这样数据就能正常显示了。原创 2013-07-19 13:35:20 · 1291 阅读 · 0 评论 -
XHTML+CSS布局的使用点滴
前几天,在网上看到一个不错的DIV+CSS布局的讲解(都已经在博客上转贴),看了收获真的很大,很多东西都豁然开朗,连成一篇。起码这2天自己写各种例子觉得都能够及时的找到答案和解决一些碰到的错误。对于以前使用过Java的Swing,Flex以及ExtJS等这些东西,在使用DIV+CSS布局使会往这上面去对应。抛开DIV+CSS的技术不说,单从局部上,个人觉得有些相似:默认的DIV样式就是一行原创 2013-03-14 09:52:18 · 858 阅读 · 0 评论 -
DIV+CSS基础教程:清除浮动
课程关键词:清除浮动Clear还记得第二课我们做的例子的效果么?最后效果是,红色方块和蓝色方块都处于一行,我们使用“Float:left”,打击了块状元素的“霸道”即块状元素不允许其他元素和它处于同一行。我们将红色方块的CSS代码中加入了“Float:left;”后,红色方块终于允许蓝色方块和它处于同一行。如图:我们换一种方法表达上面的意思,因为红色方块的“转载 2013-03-12 20:39:19 · 801 阅读 · 0 评论 -
DIV+CSS基础教程:浮动
课程关键词:浮动页面布局有两种方式引用:1)浮动Float 2)定位Position今天就来一个小小的练习,让大家理解Float的含义复制内容到剪贴板代码:【例子】要求:1)两个方块,一个红色#900,一个蓝色#009;2)红色方块宽度和高度均为200像素,蓝色方块宽度为300像素,高度为200像素;3)红色方块蓝的上外边转载 2013-03-12 16:52:52 · 841 阅读 · 2 评论 -
DIV+CSS基础教程:盒模型、块状元素与内联元素、CSS选择器
课程关键词:盒模型、块状元素与内联元素、CSS选择器引用:【例子】要求:1)宽度、高度均是200像素;2)颜色为红色#900;自己做做,看看能不能作出来?先不要看我的代码,如果真的做不出来,就下载下来,跟着我下面说的一步一步修改。下面是我的代码: SY_例子1.rar (498 Bytes) 在IE6和FF中显示效果如下图:转载 2013-03-12 16:48:50 · 920 阅读 · 0 评论 -
DIV+CSS基础教程:块状元素和内联元素
在用CSS布局页面的时候,我们会将HTML标签分成两种,块状元素和内联元素(我们平常用到的div和p就是块状元素,链接标签a就是内联元素)。是在CSS布局页面中很重要的两个概念,必须要理解透彻!既然说到概念就先看看块状元素和内联元素的定义。注:这节课看似挺长,其实内容很少,通过举例子让大家更容易理解而已,不要被眼前的文字和代码吓到哟~引用:块状元素一般是其他元素的容转载 2013-03-12 16:27:03 · 1054 阅读 · 0 评论 -
14个可以节省你时间的CSS工具
作为一个网站设计/开发人员,你必须不断寻找方法来减少设计/开发过程中所花费的时间。这对于提高你的工作效率并最大化你的利润是非常重要的。下面介绍的按功能分类的css工具可以有效地节省你设计网站的时间。优化/格式化类CSSTidy – CSS Tidy是一个开源的CSS分析和优化工具;CleanCSS - CleanCSS是一个基于CSS Tidy的强大的CSS优化和格转载 2013-03-12 22:37:44 · 769 阅读 · 0 评论 -
DIV+CSS基础教程:浮动(float)页面布局
【第一步 整体布局与公共CSS定义】我们先来分析一下这个页面页面主要分5大块,顶部的Logo、导航条Nav、Banner、Content、Footer,如下图这样HTML就很容易写出来了引用:因为这5块的宽度都是900像素,并且都是水平居中的,所以相应CSS代码如下引用:转载 2013-03-12 22:23:56 · 2199 阅读 · 0 评论 -
DIV+CSS基础教程:盒子模型
盒子模型,是XHTML+CSS布局页面中的核心!要想学会用CSS布局页面,就首先要理解盒子模型!什么是盒子模型?对于初学者来说,很难说出来,但是对于生活中的盒子大家熟悉吧,哈哈,这里提到的盒子模型你就可以理解成现实生活中的盒子就可以了,不然怎么能起个名字叫“盒子模型”呢好!既然和现实生活中的盒子一样,那我们想一下,生活中的盒子内部是不是空的好用来存放东西,而里面存放东西的区域我们给转载 2013-03-12 16:23:40 · 1091 阅读 · 1 评论 -
DIV+CSS基础教程:导航条的制作详解
课程开始: 前三节课,我们知道了什么是“内容块状元素和内联元素”,以及XHTML+CSS布局的核心概念“盒子模型”,同时又学习了一下页面布局中两种方法中的一种方法“浮动”,这次我们就利用这三个概念,来制作一款,经典的导航条,别看它其貌不扬,可是网上所有的导航条都可以再它的基础上修改而来哟~,厉害吧~!其实理论都是一样的,只要你能理解并学会这节课的内容,以后再困难的导航条你都可以很应对转载 2013-03-12 20:54:59 · 2420 阅读 · 1 评论 -
DIV+CSS基础教程:CSS选择器命名及常用命名
规范的命名也是Web标准中的重要一项,标准的命名可以更好的看懂代码,我想大家应该都有这种经历,某日翻出自己过去写的代码居然看不懂了,呵呵,为了避免这种情况我们就要规范化命名,再说了,现在一个项目不是一个人就可以完成的,是需要大家互相合作的,如果没有规范化命名,别人就无法看懂你的代码,大大降低了工作效率,所以必须规范化命名,这样还显着咱专业!好了不多说了,关于CSS命名法,和其他的程序命名差转载 2013-03-12 16:20:18 · 689 阅读 · 1 评论 -
DIV+CSS基础教程:CSS选择器
上节课我们讲了一下CSS通过什么方式去控制页面,如果不记得,我来帮大家回忆一下,总共有四种方式行内方式、内嵌方式、链接方式、导入方式,大家通过这四种方式就可以实现CSS对HTML页面样式的控制,如果要让这些样式对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器,HTML页面中的元素就是通过CSS选择器进行控制的。引用:CSS选择器共有三种:标签选转载 2013-03-12 16:17:36 · 925 阅读 · 0 评论 -
DIV+CSS基础教程:CSS如何控制页面
本节主要讲解,两个内容:复制内容到剪贴板代码:第一:CSS如何控制页面样式,有几种方式;第二:这些方式出现在同一个页面时的优先级。使用xHTML+CSS布局页面,其中有个很重要的特点就是内容与表象相分离,内容指HTML页面代码,表象就是CSS代码了,如果把页面看成穿着衣服的人的话,人就是HTML,是内容,而衣服呢就是CSS,是表象,现在出现的问题是,如何让CSS去控制页转载 2013-03-12 16:11:10 · 614 阅读 · 0 评论 -
DIV+CSS基础教程:XHTML+CSS与SEO
xHTML+CSS与SEO的内容,后面章节会详细给大家介绍,这里就先说一些,让大家对xHTML+CSS与SEO有一定的认识,为后面制作页面打基础,毕竟我们做出来的页面还是要给搜索引擎看的,所以不能不提提xHTML+CSS与SEO的关系。1)将页面中最重要的内容用h1标签括起来,h1的内容就和页面title很自然的包含了站点或者页面的核心关键词,搜索引擎很重视h1标签的内容哟2)合理转载 2013-03-12 16:07:28 · 759 阅读 · 1 评论 -
DIV+CSS基础教程:使用Table布局是不明智的
使用Table布局页面为什么是不明智的?大家看到标题,不要误解认为在页面中不能使用Table,而是可以使用Table,但是尽量不要用Table去布局页面,为什么这么说呢,因为使用Table布局页面会使页面失去灵活性,怎么个灵活法呢,比如今天你好不容易做出来的页面,第二天老板说我不喜欢登录模块放到右边,还是放到左边,通知板块放到右侧去,页面风格最好一个月换一种,如果遇到这种老板,提出这种要求转载 2013-03-12 16:04:12 · 953 阅读 · 0 评论 -
JQuery中DIV的奇怪现象
今天调测页面时,想着做两个DIV,交替隐藏的方式呈现不同内容。不想在使用中发现在布局时两个DIV是并列的,但执行隐藏后,第二个显示的DIV变成第一个呈现DIV的子节点。如 布局如下: 呈现变成了 导致结果怎么也呈现不了,琢磨分析后,发现把改成就没问题了。目前没有找到理论依据,只原创 2013-03-21 00:20:53 · 1173 阅读 · 1 评论