编写一个网页的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;}
一般需要设置的全局属性也就这些。
在样式文件或style标签里设置全局样式,具体的写法如下:
style
*{
color: blue;
font-family: '楷体';
}
/style
color表示字体颜色, font-family表示字体样式
如果是在大型项目,这种写法看起来灵活一些。
做前端的同学都知道,产品(策划)同事的需求是永远没有一个理想状态的;
使得你的页面一改再改;
原本高效的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
用css样式相关的接口 stylesheet.insertRule或者stylesheet.addRule 这两个都可以动态插入css样式 兼容性还可以 ie9+
比如
myStyle.insertRule("#blanc { color: white }", 0);
需要删除的时候还有deleteRule和removeRule两个方法
在b网页直接导入css后,重新写一个全局。重写的要在link 之后。或者使用!important也可以
或者把css在外部复制后更改掉不想要的一句全局样式后再导入到b网页