CSS样式作为HTML的辅助,可以增强页面的显示效果。前面学了DOM操作HTML,因此也要学DOM操作CSS
样式的方法。在学习CSS的时候,已经知道了CSS插入到HTML文档有三种情况,分别为:行内式,内嵌式和外联式
(这是我们最常用的)。下面就来看怎么操作这三种情况:
一操作行内式
先来写一个HTML文档:
<!DOCTYPE html PUBLIC "-...
分类:
编程语言 时间:
2015-12-23 00:41:23
阅读次数:
286
1.简化的语法更简单的doctype声明是HTML5里众多新特征之一。现在你只需要写,这就行了。HTML5的语法兼容HTML4和XHTML1,但不兼容SGML。2. 一个替代Flash的新”canvas”标记对于Web用户来说,Flash既是一个惊喜,也是一种痛苦。有很多的Web开发人员对HTML5...
分类:
Web程序 时间:
2015-12-20 19:20:51
阅读次数:
147
1. 新的Doctype尽管使用,即使浏览器不懂这句话也会按照标准模式去渲染2. Figure元素用和来语义化地表示带标题的图片This is an image of something interesting.3. 重新定义的 已经被重新定义了,现在被用来表示小的排版,如网站底部的版权声明4. 去...
分类:
Web程序 时间:
2015-12-20 17:28:30
阅读次数:
215
如果你对于简答,优雅,容易阅读的代码有所偏好的话,HTML5绝对是一个为你量身定做的东西。HTML5允许你写出简单清晰富于描述的代码。符合语义学的代码允许你分开样式和内容。看看这个典型的简单拥有导航的heaer代码:Header Text Link Link Link 是不是很简单?但是使用H...
分类:
其他好文 时间:
2015-12-20 14:38:13
阅读次数:
174
我们这里所说的获取节点包含元素节点,属性节点和文本节点。通常,通过DOM我们就能够操作HTML元素。为
了做到这件事情,您必须首先找到该元素。W3C提供了比较方便简单的定位节点的方法和属性,以便我们快速的对节
点进行操作。
我们先来写一个简单的HTML文档以供我们进行测试,并且JS代码都是写在window.onload事件中:
<!DOCTYPE html PUBLIC "-...
分类:
编程语言 时间:
2015-12-18 09:18:13
阅读次数:
257
1.为什么网站在各个浏览器中的显示各不相同? 浏览器对盒模型的解析不一致。 尽量写兼容代码,对于IE6/7可以使用CSS Hack 在代码开头加入这行代码,作用是让IE8以下对盒模型的解析,没有加上 doctype 声明,在 ie 浏览器中显示“ie盒子模型”,在 ff 浏览器中显示“标准 w3c ...
分类:
其他好文 时间:
2015-12-16 15:24:25
阅读次数:
219
不兼容的原因:一、盒子模型不兼容问题如何解决:(1)使用严格doctype声明(2)写两遍宽和高,谷歌等非IE加上!important属性二、双倍margin bug在IE情况下:左浮元素,左margin是定义的两倍右浮元素,右margin是定义的两倍如何解决:加上_display:inline属性...
分类:
其他好文 时间:
2015-12-16 00:30:43
阅读次数:
149
1.说说你对Doctype的理解2.web产品开发的流程3.说说你对盒子模型的理解4.前端页面有哪三层构成,分别是什么?作用是什么?5.行内元素有哪些?块级元素有哪些?他们如何相互转化?7.CSS的引入方式有哪些?8.请用CSS来定义标签,要求实现以下效果:字体颜色再IE6下为黑色,IE7下为红色,...
分类:
Web程序 时间:
2015-12-15 09:03:44
阅读次数:
150
1、各浏览器下 scrollTop的差异 IE6/7/8: 对于没有doctype声明的页面里可以使用 document.body.scrollTop 来获取 scrollTop高度 ; 对于有doctype声明的页面则可以使用 document.documentElement.scrollTop;...
分类:
其他好文 时间:
2015-12-11 01:32:26
阅读次数:
138
1.有关doctypeH4之前都比较麻烦,需要定义文档类型,给出文档标准dtd地址。实际上这个doctype并不是写给浏览器看的,而是写给验证器看的,也就是说,在文档一开头写那行,是为了验证器按照该doctype来验证我的文档。但是实际上,浏览器需要遵守伯斯塔尔法则,需要对页面内容完全开放,向前向后...
分类:
Web程序 时间:
2015-12-10 19:12:12
阅读次数:
150