本文目录一览：
js，css，html怎样使用
一、TML是目前最流行的网页制作语言。互联网中的网页大多数都是使用HTML格式展示在浏览者面前的。超文本标记语言，即HTML（Hypertext Markup Language），是用于描述网页文档的一种标记语言。网页的本质就是超级文本标记语言，通过结合使用其他的Web技术可以创造出功能强大的网页。HTML 5是近十年来Web开发标准最巨大的飞跃。和以前的版本不同，HTML 5并非仅仅用来表示Web内容，它的新使命是将Web带入一个成熟的应用平台，在HTML 5平台上，视频，音频，图像，动画，以及同电脑的交互都被标准化。
二、级联样式表简称“CSS”，通常又称为“风格样式表（Style Sheet）”，它是用来进行网页风格设计的。比如，如果想让链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格。通过设立样式表，可以统一地控制HTML中各标志的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。
三、JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。Javascript提供了丰富的运算功能，包括算术运算、关系运算、逻辑运算和连接运算。JavaScript的一个重要功能就是面向对象的功能，通过基于对象的程序设计，可以用更直观、模块化和可重复使用的方式进行程序开发。
如何使用JS来增加CSS样式的CLASS内容？
在页面内用JS操作CSS除非用AJAX，但操作页面内的样式的话，是可以的。操作样式分为改变直接样式，改变className和改变cssText三种
一、局部改变样式
调用方法：
改变className
div id=”demo”测试/div
script
document.getElementById(‘demo’).className=”test”;
/script
改变直接样式
div id=”demo”测试/div
script
document.getElementById(‘obj’).style.backgroundColor=”#003366″;
/script
二、全局改变样式
可以通过改变外链样式的的href的值实现网页样式的实时切换
link rel = “stylesheet” type=”text/css” id=”css” href=”firefox.css” /
span on click=”javascript:document.getElementById(‘css’).href = ‘ie.css'”点我改变样式/span
js 文件中 使用到 css 怎样处理呢？ 如图
使用css样式是设置DOM对象的className属性.
x.className = ‘STYLE1’;
如果要设置style,应该设置css样式名称对应的属性,如果名称里有连字符-,要去掉后把后一个字母大写
x.style.fontSize = ’12px’;
x.style.color = ‘#666666’;
js设置css怎么使用
-moz-, -webkit-, -o-这些都是浏览器前缀。box-shadow才是css样式。
通过js获取css的box-shadow的方法：
div
{
box-shadow: 10px 10px 5px #888888;
}
js方法：
document.div[0].style.box-shadow = “12px 11px 5px #888888;”;
常用前缀和浏览器的对应关系如下：
Firefox: -moz-
Chrome, Safari: -webkit-
Opera: -o-
IE: -ms-
css标准中各个属性也要经历从草案(WD)到推荐(REC)的过程，css3中的属性进展都不一样。浏览器厂商在标准尚未明确情况下提前支持会有风险，同时也会出现有的浏览器厂商支持的好，有的支持的不好，所以就用厂商前缀加以区分。
PPK建议如果已成为REC或接近REC的属性，厂商如果完全实现了w3c的test case，就不用加厂商前缀，像border-radius在ie9下就不用加前缀。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/289377.html
微信扫一扫 
支付宝扫一扫 