html
clarebaby504
有生之年,欣喜相逢
展开
-
html中简单的script实例
好久没写博客了,最近做项目时间比较紧。这两天刚开学html,还比较简单,下面就做一个简单的实例,方便以后的复习和运用。要求:用简单的javascript实现9*9乘法表。九九乘法表 function ok() //定义ok()方法 { var i;//定义变量 var j; for(i=1;i<=9;i++) { for(j=1;j<=i;j++)原创 2012-12-15 22:41:46 · 1573 阅读 · 0 评论 -
为图片添加锚点
热点链接可以帮你解决。这种效果的实质是把一幅图片划分为不同的热点区域,再让不同的区域进行超链接。要完成地图区域超链接要用到三种标签:。 【1】shape -- 定义热点形状 shape=rect: 矩形 shape=circle:圆形转载 2014-12-30 13:38:43 · 8978 阅读 · 0 评论 -
清除浮动的原理和方法
浮动元素容器的clearing问题1. 问题的由来有这样一种情形:在一个容器(container)中,有两个浮动的子元素。 在浏览器中一运行,就会出现意想不到的结果。实际视图是子元素显示在父容器的外部。2. 问题的原因与浮动定位有关。在CSS规范中,浮动定位不属于正常的页面流(page flow),是独立定位的。所以,只含有浮动元素转载 2014-09-24 15:56:34 · 9322 阅读 · 1 评论 -
解决IE6不支持position:fixed;的问题
在网页设计中,时常要用到把某个元素始终定位在屏幕上,即使滚动浏览器窗口也不会发生变化。一般我们会使用position:fixed来进行绝对固定,但IE6并不支持position:fixed属性,所以必须对IE6进行”特殊照顾”。实验我们想要把元素定位在浏览器的底部HTML代码CSS代码.box{background:#69C;height:6转载 2014-09-23 11:24:29 · 694 阅读 · 0 评论 -
IE6、IE7、IE8中overflow:hidden不起作用的情况
解决方案:只需要在设定overflow:hidden层加入定位即可。原创 2014-08-18 17:34:02 · 7189 阅读 · 0 评论 -
CSS中的!important属性用法
关于CSS的运用技巧有很多, 今天主要探讨一下CSS中 !important 这个属性的用法。在CSS的使用中,遇到最多的问题就是不同浏览器之间的兼容问题。 由于IE并不严格执行W3C标准, 而又几乎垄断了浏览器市场。 所以作为一名合格的网站制作人员, 必须要针对不同的浏览器进行微调。 实现不同浏览器之间兼容的方法有很多, 比如利用JS探测用户的浏览器类型,从而调用不同的样式表。 或者就是利用!i转载 2014-07-11 21:51:59 · 775 阅读 · 0 评论 -
自适应网页设计(Responsive Web Design)
随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不转载 2014-05-26 13:30:56 · 590 阅读 · 0 评论 -
使用border-radius实现圆角,兼容到IE6
在制作页面的过程,我们经常会遇到di转载 2014-04-11 14:46:13 · 4554 阅读 · 0 评论 -
CSS学习笔记:id与class、padding和margin、min-height和height
id和class到底要用哪一个? 首先要明白id和class的各自的优缺点。这样才能根据他们的各自的特点进行使用。 id的优点(class的缺点):id写在css用"#"选择器,class写在css中用"."选择器。"#"选择器的优先级高于"."选择器大约10倍,所以当你需要提升优先级的时候,id标签,或者id容器内的标签将是很容易和有效的。而class标签,或者class转载 2014-04-10 16:31:25 · 613 阅读 · 0 评论 -
CSS 中如何把 Span 标签设置为固定宽度
一、形如ABC独立行设置SPAN为固定宽度方法如下:span {width:60px; text-align:center; display:block; }实际验证结果:IE6 OK, FIREFOX 3 OK。一、形如ABCDEF格式行设置SPAN为固定宽度的方法如下:span {width:60px; text-align:center; display:block转载 2014-03-27 16:12:58 · 701 阅读 · 0 评论 -
解决IE6下png图片的背景透明方法
通过js可以设置png图片的背景为透明色。在页面上添加script代码:EvPNG.fix('div, ul, img, li, input, span'); js文件下载连接:http://download.csdn.net/detail/clare504/5848893转载 2013-07-31 23:24:48 · 541 阅读 · 0 评论 -
html网页渲染的基本过程
最近面试中经常会被问到html页面的渲染过程,之前一直只是在用,没有仔细的研究过其中的过程,今天查阅了一些资料,并整理了一些自己的理解,方便以后查看。如果有理解不正确的地方,还希望多包涵和指导。整个渲染的过程其实就是将URL对应的各种资源,通过浏览器渲染引擎的解析,输出可视化的图像。渲染模块:从图中可以看出,一个渲染引擎大致包括HTML解释器、CSS解释器、布局和JavaScript引擎。转载 2017-11-27 18:29:50 · 29259 阅读 · 0 评论