CSS行内样式，通用流行框架大全

• rel：定义当前文档与被链接文档之间的关系，在这里需要指定为"stylesheet"，表示被链接的文档是一个样式表文件；

• type：定义所链接文档的类型；

• href：定义所有链接外部样式表文件的url，可以是绝对路径也可以是相对路径；

缺点：需要引入

主要讲讲行内样式

三、操作行内样式;

CSS的很多属性都时有复合名的，使用连字符“-”，如border-right 、margin-left等，但在脚本中（js代码）连字符会被定义为减号，会自动参数表达式的运算；解决这个问题 需要使用 小驼峰命名：borderRight 、marginLeft等

1，使用style对象：

elementNode.style.fontFamily=“Arial,Helvetica,sans-serif”;

elementNode.style.cssFloat=“left”;//float是js中的保留字，需要使用cssFloat来表示float属性

elementNode.style.color=“#ff0000”;

elementNode.style.width=“100px”;//单位不能遗漏

elementNode.style.top=top “px”;//设置动态属性

2，使用getPropertyValue()方法,早期IE不支持，但直接使用elementNode.style.width访问样式属性：

var value=elementNode.style.getPropertyValue(propertyName)

例:

window.onload = function(){

var box = document.getElementById(“box”);//获取

var width = box.style.getPropertyValue(“width”);

<=>var width = box.style.width

box.innerHTML = “