用css样式相关的接口 stylesheet.insertRule或者stylesheet.addRule 这两个都可以动态插入css样式 兼容性还可以 ie9+
在鄞州等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都网站设计、成都网站制作 网站设计制作定制网站,公司网站建设,企业网站建设,品牌网站建设,营销型网站建设,成都外贸网站制作,鄞州网站建设费用合理。
比如
myStyle.insertRule("#blanc { color: white }", 0);
需要删除的时候还有deleteRule和removeRule两个方法
针对全局的属性常用的很少。
语法相同,你可以用*代替所有元素,也可以指定某几个元素!
在样式文件或style标签里设置全局样式,具体的写法如下:
style
*{
color: blue;
font-family: '楷体';
}
/style
color表示字体颜色, font-family表示字体样式
不要莽撞地使用通配符把所有的标签的margin属性和padding属性都设置为零,css reset还是个挺有技巧的事儿。当然各种框架对于cssreset的方法不太一样。但是既然你又需要用到input的默认属性,就不要最开始把所有都设为0.一般css reset的方法。你可以参考各个门户网站。至于他们取舍,也算是公说公有理婆说婆有理。没有一定之规。但是直接上来就使用*,有些鲁莽了。一般思路是将div、p、ul、li、o、tbody、tfoot、thead、fieldset、legend之类的元素的padding和margin值设为0。你应该根据你的需求和编写习惯来定
编写一个网页的css需要注意设置的全局样式,一般来的有元素之间的间隔,如margin、padding,还有ul,li的一些默认样式,编号的样式都是去掉,然后还有a标签的下划线等等属性,都需要去掉的,还有一些字体大小,颜色等等也需要设置的,这里我用代码写下:
*{margin:0; padding:0;}
a{color:#333; text-decoration: none;}
ul,li{ list-style-type:none;}
body{font-size:12px; color:f00;}
一般需要设置的全局属性也就这些。
如果是在大型项目,这种写法看起来灵活一些。
做前端的同学都知道,产品(策划)同事的需求是永远没有一个理想状态的;
使得你的页面一改再改;
原本高效的html结构、高继承的css变的一塌糊涂。
以上发一下牢骚。。。
-------------------------------------------------------------
假如有几个div,因为样式是一样的,所以你给他们定义了同一个class="a"
突然,产品过来找你说:我们有个这样的需求,要把某个div向右移10px
这时,你如果你像上面那样写,就好用了,直接在那个要改动div中添加一个.ml-10就可以了,如:
div class="a"/div
div class="a ml-10"/div
div class="a"/div
div class="a"/div
div class="a"/div