企业网站的各栏目CSS命名

html-css013

企业网站的各栏目CSS命名,第1张

HTML的一些标签做高级标称ID

顶部,包括导航

.header 顶部的大层

.topnav 导航层

.nav 导航小块(有文字的那些)

.brand 广告层

.navinner 导航分割线

.note 内容

.menu 菜单

.sitemap 部点地图,最下面的关于我们的地方

#news 新闻区块

.page 分页的

.content 文本内容的

一般是照着英文或拼音去命名的,

window.onscroll=function(){

var autoheight=document.body.scrollTop||document.documentElement.scrollTop

if(autoheight>76){

$("#index-left").css("position","fixed")

$("#index-left").css("top",0)

$("#index-left").css("left",0)

}

else{

$("#index-left").css("position","absolute")

}

}你那个有兼容 我这个是我线上使用的

Dedecms 的首页样式文件一般在配套的模板文件里,默认模板的css样式在skin目录下css文件夹里的style.css文件里,其他模板css样式都是自定义的,需要具体分析。

一、dedecms 默认模板样式。

1、默认模板样式位置是固定的,直接用Vscode编辑器打开模板文件目录,定位到“default”文件夹下,就可以看见style文件夹,里面都是默认模板的样式。

2、一般首页的样式都在“dedecms.css”文件里,打开修改即可。

二、查看自定义模板css样式。

自定义模板的css样式比较灵活,开发者可能会把样式文件放在任何一个目录下,此时就需要自己去分析模板。

1、打开dedecms的目录,打开自定义模板文件夹。

2、接着打开首页模板文件“index.htm”,可以看到,“<link>”标签里的 css文件路径,一般就是模板套用的css样式,只要打开它就可以修改了。

3、按下“crtl”键,此时编辑器页面会出现“按住Crtl并单击可访问连接的提示”。

4、此时按住“crtl”鼠标左键单击link标签下的路径,Vscode就会自动定位到该文件的目录并打开改文件。

最后就可以修改样式了。