CSS层叠样式表
weiyong1999
改变思想、提升能力、不断的自我丰富,此乃人生之一大乐趣。
展开
-
前端网站开发常用jquery功能插件
用途 数据传送——ajax数据传送(html/xml/json) jQuery JSON Plugin DOM数据读取——读取元素对象的相关属性 http://docs.jquery.com/Plugins/Metadata 数据验证(表单验证)——jQuery Valid8 http://drupalmodules.com/module/jquery-valid8 动画插件(缓原创 2013-07-30 11:20:15 · 689 阅读 · 0 评论 -
css position和float的使用方法
我的使用规则大致如下: 1、如果某块使用了float进行定位,则相应的左部(或右部)也相应的使用float定位,做到统一,最后就是float的闭合了。结论:float统一使用 2、float包含的元素可以使用position,而position里面的元素使用float时则确保统一原则。 3、注意IE各浏览版本的解释差异。原创 2013-07-16 09:01:49 · 728 阅读 · 0 评论 -
css 图片居中
.outer { display:table; width:578px; overflow:hidden; background: #eee; height: 42px; } .middle {display:table-cell; vertical-align:middle; margin-left 10px;} /*下面的CSS是针对IE7,IE6*/ .out转载 2013-05-14 16:15:40 · 564 阅读 · 0 评论 -
div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法
1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF: 设置 padding 后, div 会增加转载 2012-10-14 11:31:44 · 759 阅读 · 0 评论 -
怎样为网站创建风格指南(style guide)
旅途归来,一切安好。五天很短暂,回想起来基本只有将就算是蓝色的大海和天空,还有白花花的沙滩;有兴趣的朋友可以到我的微博中看看风景照什么的。 还好,回来之后并没觉得无法适应惯常生活一类,它们之间的区别只是“状态1”与“状态2”这样;把该做的事情立刻开始做起来吧,心里会安一些。之前一篇是“iOS Wow体验 - 第六章 - 交互模型与创新的产品概念”的前半部分。今天插播小文一篇,怎样为网站创建风转载 2012-09-09 22:17:51 · 697 阅读 · 0 评论 -
浅谈CSS权重
优先权问题其实就是一个冲突解决的问题,当同一个元素(或内容)被CSS选择符选中时,就要按照优先权取舍不同的CSS规则,这其中涉及到的问题其实很多。 首先就是CSS规则的specificity(特殊性),CSS2.1有一套关于specificity的计算方式,用一个四位的数字串(CSS2是三位)来表示,最终specificity越高的规则越特殊,在优先级判定时也就越有优势。关于speci转载 2012-09-08 12:56:16 · 371 阅读 · 0 评论 -
css position之absolute定位详解
我的目的是:你看完之后不再迷惑 定位问题:当我们对某区块position:absolute;时,若该区块的父辈元素没有使用position:relative,则该元素的top、bottom、left、right属性都是相对浏览器的位置进行定位,反之则对该元素的父辈位置进行定位,position:absolute是相对它的第一个非静态定位的祖先元素而展示,如: " class="thumbn原创 2012-09-02 23:15:29 · 862 阅读 · 0 评论 -
css之min-width 和 inline-block
大家可以试试看看有什么不同,这个蛮有意思的 #test { width:97%; height:80px; z-index:0; position:relative; text-indent:60px; } label { background-color:#eeeeee; display:inline-block; min-width:60px; position原创 2012-08-27 18:09:38 · 643 阅读 · 0 评论 -
css定位与定位应用详解
定位一直是WEB标准应用中的不容易解决的地方,假如理不明白定位那末有可能应成功实现的效果成功实现不成,成功实现了的效果有可能会走样。假如理清了定位的原理,那定位会让网页成功实现的更加完美。 定位的定义: 在CSS中关于定位的内部实质意义是:position:relative absolute static fixed static 没有尤其的设定,遵循基本的定位规定,转载 2012-08-24 22:44:04 · 687 阅读 · 0 评论 -
HTML+CSS编码的一些经验
HTML+CSS编码的一些经验 1.为body标签赋予id: 同一个网站的不同页面,虽然HTML代码相同,但是可以通过CSS来取得不同的表现效果。如果这些页面用的是同一个CSS文件,怎样精确的定义相同内容的不同表现呢?通过给body标签赋予id以区别不同的页面,然后使用CSS后代选择器可以精确的选择目标。例如:首页的body赋予id="home", 内页的body赋予id=转载 2012-08-26 17:38:51 · 415 阅读 · 0 评论 -
CSS兼容性技巧整理--从IE6-IE9 火狐谷歌浏览器兼容
本文收集整理了IE7,6与Fireofx的CSS兼容性处理技巧,供大家参考。 CSS兼容常用技巧 请尽量用xhtml格式写代码,而且DOCTYPE影响 CSS 处理,作为W3C标准,一定要加DOCTYPE声明。 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插转载 2012-09-01 14:46:09 · 4873 阅读 · 0 评论 -
HTML中为何P标签内不可包含DIV标签?
HTML中为何P标签内不可包含DIV标签? |字号 订阅 起因:在做项目时发现原本在DW中无误的代码到了MyEclipse6.0里面却提示N多错误,甚是诧异。于是究其原因,发现块级元素P内是不能嵌套DIV的。 深究:我们先来认识in-line内联元素和block-line块元素,因为HTML里几乎所有元素都属于内联元素或者块元素中的一种。转载 2012-08-22 09:39:00 · 945 阅读 · 0 评论 -
网页css+div布局技巧
后台设计: 1.尽量使用内嵌iframe frameset方式布局 设定overflow:visible; 当内容超过一个屏的时候就会出现竖向滚动条 2.屏的高度最好刚好一个屏:一般是用min-height max-height _height 3.布局使用position float对元素进行定位 使用float的是时候应注意浮动标签的闭合 可以使用 选择器:after,选择器:b原创 2012-08-15 08:44:57 · 443 阅读 · 0 评论 -
最小高度100%页脚保持在底部的布局方法
有时候,我们用CSS创建一个高度自适应布局,如何保证页脚(footer)在内容不超过一屏的情况下始终保持在布局最下方是一个比较头疼的事。我 看过一些利用绝对定位的例子,但总感觉不是那么完美,经过一下午的研究总结出一个利用负值外补丁的方法来实现这个效果的方法,兼容 IE5.0+,Opera 8.5+,Firefox 1.5+。下面我们看步骤: 1、为了让浏览器识别高度100%我们需要先给转载 2012-09-01 13:15:33 · 858 阅读 · 0 评论 -
css学习回顾
CSS学习过程指导: 1.掌握css的选择器,例:派生、id、属性、类等选择器 2.掌握css的样式 我的记忆方法是bloft :b代表background、 l代表list 、o代表outline 、f代表font 、t代表table和text 3.掌握框模型的构成 如:border margin padding 而这些都是有方向的top、right、bottom、left 4.掌握c原创 2012-07-16 19:39:59 · 397 阅读 · 0 评论 -
Javascript与CSS在IE和Firefox中的误区及区别
1.高度的区别 IE:在没有定义高度时候,将根据内容高度的变化,包括未定义高度的图片内容; 在定义了高度时候,当内容超过高度时,将使用实际内容的高度。 FF:在没有定义高度时,如果内容中包括了图片内容,MF的高度解析是根据印刷标准,这样就会造成和实际内容高度不符合的情况; 在当定义了高度,但是内容超过高度时,内容会超出定义的高度,但是区域使用的样式不转载 2012-08-31 09:35:19 · 643 阅读 · 0 评论 -
inline-block 在什么情况下可以使用?
序言 在css中,inline-block:将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内。 轻松使用inline-block属性 浏览器兼容性 Chrome Firefox 3 + Opera IE 8 + IE6,IE7 只支持特定标签的inlin转载 2013-09-02 23:07:27 · 672 阅读 · 0 评论