CSS补充【HTML】

#head { height: 15%; background-color: blue; padding: 5px; } #body { height: 75%; background-color: gray; } #left { width: 15%; height: 100%; background-color: red; float: left; } #main { width: 85%; height: 100%; background-color: green; float: right; } #foot { height: 10%; background-color: orange; padding: 5px; }

二，如何在脚本中修改css样式，就2个步骤 1，获取到需要设置css样式的目标元素
2，修改目标元素的css样式，常用的方式有两种：
修改内联css属性值，比如：obj.style.属性名=属性值
修改html元素的class属性，比如：obj.className=class选择器

值得注意的是：脚本中的css属性名与页面中的静态css属性名并不完全相同。
脚本中的css属性名是去掉原静态css属性中的(-)，并将第一个单词的首字母小写，后面每个单词的首字母大写。比如静态css属性名为background-color，对应脚本中的属性名为backgroundColor。如果原来的静态css属性中不包含(-)，则脚本中的css属性名和原来静态css属性名相同。