web开发 div+css
文章平均质量分 77
pjbwan
这个作者很懒,什么都没留下…
展开
-
25条div+CSS编程提醒及小技巧整理
1、ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值。2、同一个的class选择符可以在一个文档中重复出现,而id选择符却只能出现一次;对一个标签同时使用class和id进行CSS定义,如果定义有重复,id选择符做的定义有效,是因为ID的权值要比CLASS大。3、一个兼容性调整(IE和Mozilla)的笨办法: 初学可能会碰到这样一个情况:同样一转载 2014-11-21 09:39:35 · 324 阅读 · 0 评论 -
div+css 布局下兼容IE6 IE7 FF常见问题
div+css 布局下兼容IE6 IE7 FF常见问题 收藏 所有浏览器 通用 (市面上主要用到的IE6 IE7 FF)height: 100px;IE6 专用 _height: 100px;IE6 专用 *height: 100px;IE7 专用 *+height: 100px;IE7、FF 共用 height: 100px !import转载 2014-11-21 13:08:20 · 399 阅读 · 0 评论 -
固定高度div,随内容自动变高css定义方法
*{ font-size:12px; margin:0; padding:0;}方法1:#testBox{border:1px solid #cccccc;padding:5px;width:220px;min-height:100px; /*高度最小值设置为:100px*/height:auto !important; /*兼容FF,IE7也支持 !important标签*/转载 2014-11-21 13:09:10 · 768 阅读 · 0 评论 -
Css <ul><li>列表的样式的控制</li></ul>
列表是HTML里一种很有用的显示方式,可以把相关的并列内容整齐地垂直排列,使网页显得整洁专业,并让浏览者有一目了然的感觉。列表是HTML里一种很有用的显示方式,可以把相关的并列内容整齐地垂直排列,使网页显得整洁专业,并让浏览者有一目了然的感觉。样式表为列表增加了一些功能,控制列表的样式包括列表样式、图形符号、列表位置三个部分。1.列表符号列表符号是指显示于每转载 2014-11-21 13:10:11 · 715 阅读 · 0 评论 -
div+css 你知道多少?值得一看
DIV+CSS是网站标准(或称“WEB标准”)中常用术语之一,div+css 是一种网页的布局方法,这一种网页布局方法有别于传统的HTML网页设计语言中的表格(table)定位方式,可实现网页页面内容与表现相分离。XHTML是The Extensible HyperText Markup Language(可扩展超文本标识语言)的缩写。XHTML基于可扩展标记语言(XML),是一种在HTML 基础转载 2014-11-21 13:10:45 · 467 阅读 · 0 评论 -
一个border引发的血案
如果你要用CSS去表达元素没有边框,你会怎么表达?是border:0呢? 还是border:none呢?我听过很多人推荐使用border:none,因为其理由是客户端的渲染。 乍听之下会觉得:嗯,有道理,又学到东西了呵…… 其实,很多时候,代码是死的,没有绝对的好与坏! 在相对论面前,神马都是浮云……要想明白哪种写法最适合你当前的环境,那么就必须先了解这两种写法的含义及优缺点:转载 2014-11-21 13:11:26 · 344 阅读 · 0 评论 -
10个非常有用的CSS技巧
1. 将网页或元素居中 HTML:div class="wrap"> div> CSS:.wrap { width:960px; margin:0 auto;} 2.Sticky Footer (让页脚永远停靠在页面底部,而不是根据绝对位置)转载 2014-11-21 13:12:37 · 403 阅读 · 0 评论 -
最常用和实用的CSS技巧
1.重置浏览器的字体大小 重置浏览器的默认值 ,然后重设浏览器的字体大小你可以使用雅虎的用户界面重置的CSS方案 ,如果你不想下载9MB的文件,代码如下:body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p, blockquote,th,td {margin:0转载 2014-11-21 13:13:03 · 342 阅读 · 0 评论 -
CSS技巧让你的网站更上一层楼
CSS是网站的外衣,所谓人靠衣装,佛靠金装,CSS决定了你给用户的第一感觉。虽然一直在做网站的架构和后端开发,但是还是需要多揣点CSS技巧,以防万一。 01.DIV水平居中 DIV 水平居中很简单,只需要设置DIV的宽带以及让左右margins设置成auto: div#container {width: 960px; margin: 0 auto } 02.文字垂直转载 2014-11-21 13:14:26 · 355 阅读 · 0 评论 -
利用CSS的@font-face属性,在网页中嵌入字体
字体使用是网页设计中不可或缺的一部分。网页是文字的载体,我们希望在网页中使用某一特定字体,但是该字体并非主流操作系统的内置字体,这样用户在浏览页面的时候就有可能看不到真实的设计。美工设计师最常做的办法是把想要的文字做成图片,这样做有几个明显缺陷: 一、不可能大范围的使用该字体; 二、图片内容相对使用文字不易修改;三、不利于网站SEO。网络上有一些使用s转载 2014-11-21 13:15:01 · 451 阅读 · 0 评论 -
网页背景图固定不动,不跟随滚动条滚动
我们在做网页的时候,当背景是一张完整的图片,不动让其跟随滚动条滚动,怎么办?下面详细讲解一下。CSS代码示例-背景颜色属性(background-color) 背景颜色 background-color body {background-color:#99FF00;} 这个HTML使用了CSS的background-color属性,将HTML的背景颜色变成翠绿色。转载 2014-11-21 13:18:54 · 1024 阅读 · 0 评论 -
浏览器兼容 IE6、IE7、IE8、Firefox、Opera CSS hack区分
小知识:什么是CSS hack? 由于不同的浏览器,比如IE6、IE7、IE8、Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。 这个针对不同的浏览器写不同的CSS code的过程,就转载 2014-11-21 13:20:01 · 361 阅读 · 0 评论 -
3个你可能从未用过的HTML标签
html标签众多,在HTML手册里你可以都查到。但有的HTML标签你可能从未使用过。不是因为你欠缺学习精神,而是它们确实用处不大。如果你有探索精神,那就接着往下看吧。第一个: 或 这两个标识是一回事,主要是用于一些英语的缩写,当你把鼠标移上去的时候,你会发现会出现一个小提示来提示缩写的全称,前提是你给标签添加了title属性。但在HTML 5中将废效这个标签了,也好,这么难记的单词转载 2014-11-21 09:40:24 · 317 阅读 · 0 评论 -
css中 Span 元素的 width 属性无效果原因及多种解决方案
先运行下程序看下: 123 输出:123可以看到 span会自动根据包含的内容来变化宽度这是因为:对于内联元素(可以是默认即为内联的比如 span 元素,也可以是 display: inline 的元素) width 和 height 只在 IE5.x 下和 IE6 或更新版本的 quirks 模式下触发 hasLayout 。而对于 IE6,如果浏览器运行于标准兼容模转载 2014-11-21 09:41:43 · 424 阅读 · 0 评论 -
常用的DIV+CSS网站布局的基本框架结构-完整版
这个模板是左右两列布局模板,不再是最基础的搭建框架,更多的块结构也做出来了,如果符合这种结构的可以直接拿来使用(我做的网站大部分都是这种结构的,嘿嘿^_^)。在IE和FF下测试没变形,但没测试W3C认证,估计还通不过(个别兼容的样式通不过)。HTML页面结构代码:常用的DIV+CSS网站布局的基本框架结构-完整版头部导转载 2014-11-21 09:38:26 · 580 阅读 · 0 评论 -
DIV+CSS兼容解决DIV最大宽度和最小宽度问题
在制作网页中,我们经常会碰到min/max-width,min/max-height在IE6底下是无效的,这也是web设计师最头疼的问题之一,以下的方法可以解决这些难题,并且比较简约。当然,如果你还有更好的方法,希望能在主页留言给我: <div style="max-width:250px;">这段文字内容,ax /min 在ie7 + 和firfox,safari,opera浏览器下均支转载 2014-11-21 12:50:03 · 366 阅读 · 0 评论 -
让DIV的滚动条自动滚动到最底部 - 4种方法
要制作一个在线聊天的程序,在做最后的修饰时,需要对获得的信息即时滚动以保证用户总能看到最新消息。聊天程序是基于AJAX设计的,没有用框架,消息容器是一个DIV,所以问题就在于如何控制DIV的滚动条。网上有资料介绍说通过设置scrollTop属性来控制滚动条位置,具体可参见:http://hi.baidu.com/chen1345789/blog/item/de727bfb455转载 2014-11-21 12:50:32 · 2363 阅读 · 0 评论 -
提升你设计水平的CSS3新技术
前些日子在SmashingMagazine看到一篇关于CSS3新技术不错的文章,它详细介绍了CSS3的新特性和它的使用方法,它包括:浏览器专有属性、选择器(属性选择器、连字符、伪类、伪元素)、RGBA和透明度属性、多栏布局、多背景图、Word Wrap、文字阴影、CSS圆角、边框图片、盒阴影、盒尺寸、媒体查询、语音,并详细说明了每个新技术目前有哪些浏览器兼容。本想将本文翻译成中文版和大家分享,但发转载 2014-11-21 12:55:37 · 1133 阅读 · 0 评论 -
CSS网页布局中易犯的10个小错误
即使是CSS高手,也难免在书写CSS代码的时候出一些小错误,或者说,任何一种代码都是如此。小错误却往往造成大问题,浪费很多无辜的时间来调试和排错。查看下面这份CSS网页布局中易犯的10个小错误,努力的修正你可能会犯的错误,加速你的前端开发效率。1. 检查html元素是否有拼写错误、是否忘记结束标记即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下转载 2014-11-21 13:03:24 · 301 阅读 · 0 评论