dedecms如何修改CSS
主要看路径是否正确,dedecms生成后,路径会有一个转义。
可以使用相对根目录的方法载入,例如:<script src="/templets/default/js/jqueryjs"></script>
建议把 css js 载入部分的代码发出来,再解答。
对于div,p等块级元素:
正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行
html
正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义
css
#wrap{white-space:normal; width:200px; }
1(IE浏览器)连续的英文字符和阿拉伯数字,使用word-wrap : break-word ;或者word-break:break-all;实现强制断行
#wrap{word-break:break-all; width:200px;}
或者
#wrap{word-wrap:break-word; width:200px;}
2(Firefox浏览器)连续的英文字符和阿拉伯数字的断行,Firefox的所有版本的没有解决这个问题,我们只有让超出边界的字符隐藏或者,给容器添加滚动条
#wrap{word-break:break-all; width:200px; overflow:auto;}
这是运用了css sprite的技术,即就是把网页中一些背景整合到一张中,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,定位到你所需要显示的那张图上,Tip:background-position可以用数字精确的定位出背景的位置,就像坐标一样。
如果难理解,可以就用单张图来做也可以,就是把你所需要的图,用background属性实现,就如你第二张图中的最后句代码。
Dedecms 的首页样式文件一般在配套的模板文件里,默认模板的css样式在skin目录下css文件夹里的stylecss文件里,其他模板css样式都是自定义的,需要具体分析。
一、dedecms 默认模板样式。
1、默认模板样式位置是固定的,直接用Vscode编辑器打开模板文件目录,定位到“default”文件夹下,就可以看见style文件夹,里面都是默认模板的样式。
2、一般首页的样式都在“dedecmscss”文件里,打开修改即可。
二、查看自定义模板css样式。
自定义模板的css样式比较灵活,开发者可能会把样式文件放在任何一个目录下,此时就需要自己去分析模板。
1、打开dedecms的目录,打开自定义模板文件夹。
2、接着打开首页模板文件“indexhtm”,可以看到,“<link>”标签里的 css文件路径,一般就是模板套用的css样式,只要打开它就可以修改了。
3、按下“crtl”键,此时编辑器页面会出现“按住Crtl并单击可访问连接的提示”。
4、此时按住“crtl”鼠标左键单击link标签下的路径,Vscode就会自动定位到该文件的目录并打开改文件。
最后就可以修改样式了。
在CCS文件中不要使用织梦的标签,它不会解析的。
你可以在使用相对路径。比如:你的CSS文件在 style目录中,在 images目录中,那么,你的css文件中的地址可以写成
main { background:url("/images/IndexBggif") repeat-y; }
希望能帮到你!
0条评论