欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

CSS补充_html/css_WEB-ITnose

程序员文章站 2022-05-25 18:07:08
...
  • 一,DIV+CSS配合使用
  • 现在的前台效果越来越炫,特别是一些电商或者门户,其中很多的东西都不会用原始的html来控制页面布局了,都采用了div+css。
    首先举一个例子来介绍下如何使用div+css来做控制页面布局,简单了解下就好了,这些毕竟不是我们做的事情。

    css的综合使用: DIV+CSS	
    左边
    右边




  • 二,如何在脚本中修改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属性名相同。
    相关标签: CSS补充