51CTO博客开发
以前在学习、练习的时候，写过好些页面。其中样式方面的经验都是自己不断的练习总结出来的。虽然自己当时记住了，但过后自己就感觉忘了一大半，每次都要打开以写的页面看代码才知道自己错在哪里了！ 现在自己工作了，自己更多关注细节方面的东西。下面记录一些自己在上班的时候遇到的问题与总结，在此作一个笔记！自己会会慢慢积累、增加、更新！ 1、同样的高度、行高，字体的表现形式不一样，总的来说，Fire
不知道在哪里看到的一张图，是用“思维导图”画的。放在自己电脑里大概有半个月了。当时大概看了一下，真是挨千刀的！自己知道的太少了。像“性能与安全”、“开放服务”、“业内标准”、“开发工具”等等自己只是知道一
这些内容是自己在阅读《锋利的jQuery》的一些章节内容，在此记下！ Ajax的优势 1不需要插件支持 Ajax不需要任何浏览器插件，就可以被绝大多数主流浏览器所支持，用户只需要允许Javascript在浏览器上执行即可。 2优秀的用户体验 这是Ajax技术的最大优点，能在不刷新整个页面的前提下更新数据，这使得Web应用程序 能更为迅速地回应用户的操作。 3提高Web程序的性能 与
以浏览器装载文档为例，在页面加载完毕后，浏览器会通过Javascript为DOM元素添加事件。在常规的Javascript代码中，通常使用window.onload方法，而在Jquery中，使用的是$(document).ready()方法。$(document).ready()方法是事件模块中最重要一个函数，可以极大的提高Web应用程序的速度。
记得以前在看《CSS实践手册》的时候，看到过“边距碰撞”这样的例子与解释。自己大概记得是这样说的： 当两个具有margin-top或margin-bittom的块元素垂直排列在一个父类的块元素里面的时候，边距的算法在不同的浏览器是算法略有不同。在IE6中，一般都
案例1 面试者：你好，我来面试公司的xhtml/css工程师职位。 考官：恩。你对CSS的了解程度怎么样，精不精通xhmtl/css。 面试者：不敢说精通，只能说是很熟悉。 考官：对不起，我们公司只招那些精通xhtml/css且有一定经验的人员。 面试者：………… 案例2 提问者：我想把一些员工数据，比如姓名、员工编号、部门、入职时间、工资这些显示出来，怎么用div+css来写比较好呢？ 回答者：用表格吧。直接用dreamwer来插入表格，把相应的数据写进去后再去写一些css来美化界面。快捷又方便。 提问者：(过了N久)我是问怎么用div+css来写比较好，还有用表格的直接无视。因为现在大家都用div+css了。 回答者：……… 案例3 求助者：Hi，朋友，能不能帮我看一下这个网站的样式到底哪里有问题，怎么在IE6里没有问题，跑到Firefox里面就乱了。我自己都找好久都没看到哪里有错。 解救者：嗯，我看一下你的代码先。 求助者：好的。
以前在写CSS的时候，一直都是以Mozilla Firefox3.0为基准，再根据IE的差别来写hack的。所以写得很多都是关于IE6、IE7、IE8方面的兼容，对于Opera、Chrome、Safari这些浏览器的兼容关注得比较少。今天在浏览网页的时候，看到CSS森林那里有一篇最新CSS兼容方案，自己看了感觉还不错。虽然很多都是自己知道，但关于Opera、Chrome、Safari这些自己还是会有一些搞混。毕竟Hack并不是越多越好。下面先记一些这些自己以后可能会用到的兼容写法！ .e{ color:#FFF;/* FF,OP,IE8 */ [;color:#0F0;]/* Sa,CH */ *color:#FF0;/* IE7 */ _color:#F00;/* IE6 */ } .e{ background-color:#332200;/* FF*/ } html* .e{ background-color:#FF00FF;/* Sa IE7 CH *
@charset "utf-8"; /* CSS Document */ /*! * Mrchen CSS Library v1 * * Copyright (c) 2010 Mrchen * * Date: 2010-04-14 02:10:21 * Email: mrchenv@foxmail.com */ /* 说明：这段代码只要负责整站标签的重置，让所有主流的浏览器的Web效果一致！ */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0px; margin: 0px; } body, html { background:#ffffff; font:12px Arial, Helvetica, sans-serif; } address, caption, cite, code, dfn, em, stro
DIV+CSS样式表命名不能随意而为，否则以后进行维护时困难很大。如同软件开发中对类名的仔细处理一样，DIV+CSS样式表命名也需要遵循规则。自己很常是根据内容来命名的，并且是用英文的。如果不会的话，就只有快速的打开Chrome、Firefox，在地址栏里面g.cn了。 如果要是就几行或几十行代码吧！就根据英文单词就行了。可是要是多了那就不好写了，有时候就直接用汉语拼音或拼音的首字母代替。可是多了吧，自己写的都看不出是什么意思，别说再让程序员调用这些样式了。DIV+CSS样式表的id和class的区别:就一句来概括, class可以定义多个值并且可以应用到多个标签上，但id只能是一个。所以就开始查一些相关的DIV+CSS样式表id和class的常用命名规则，请大家参考一下：
很多时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。这个针对不同的浏览器写不同的CSS code的过程，就叫CSS hack,也叫写CSS hack。 由于不同的浏览器对CSS的支持及解析结果不一样，还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。 比如 IE6能识别下划线"_"和星号" * "，IE7能识别星号" * "，但不能识别下划线"_"，而firefox两个都不能认识。等等 书写顺序，一般是将识别能力强的浏览器的CSS写在后面。下面列举常用的CSS hack方法 CSS书写技巧-1：!important(个人非常少用，因为一直都是定IE hack，所以样式都是先在Firefox那里测试，再写IE方面的样式。) !important作用是提高指定样式规则的应用优先权。 IE7以及所有标准浏览器能识别!important 区别IE6与IE7与其他浏览器
浏览器加载html和显示的基本工作原理如下： 1、IE下载的顺序是从上到下，渲染的顺序也是从上到下，下载和渲染是同时进行的。 2、在渲染到页面的某一部分时，其上面的所有部分都已经下载完成（并不是说所有相关联的元素都已经下载完）。 3、如果遇到语义解释性的标签嵌入文件（JS脚本，CSS样式），那么此时IE的下载过程会启用单独连接进行下载。 4、并且在下载后进行解析，解析过程中，停止页面所有往
今天在写一个”电影排期”的列表的时候，自己先将父类div设置好了宽度，再在里面写多个解释性的标签dl来排版，但当我将所有的样式都设置好以后，在Firefox、谷歌浏览器里面浏览的时候，完全没有问题。效果如下： 但在IE6里面出现了一个比较大的差距：dt、dd上下之间有10px的差距。效果如下： 注意：之所以有灰色的背景，是因为自己在调
在Web前端开发界，有三个词经常被提及：可用性（Usability）、可访问性（Accessibility）和可维护性（Maintainability）。 可用性指的是：产品是否容易上手，用户能否完成任务，效率如何，以及这过程中用户的主观感受可好，是从用户的角度来看产品的质量。可用性好意味着产品质量高，是企业的核心竞争力。 可维护性一般包含两个层次，一是当系统出现问题时，快速定位并解决问题的成
1 XML和XSL简介 1.1 XML XML是可扩展标记语言（EXtensible Markup Language）的缩写，它被设计用来传输和存储数据，并于1998年2月成为W3C的推荐标准。
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号
