菜鸟级磨盘的CSS修改方法

2013-07-27 10:42:59 -0400
其实CSS我也没有学习多少!只不过懂一些框框东西!我就用我的话给大家讲讲咋用吧!可能好多教程都是用的专业术语,都不太懂!其实我刚开始时什么也不知道,都是自己慢慢学习的!

不说其他的,简单的说说吧!

~~~~~~~~~~~~~~~~~~~

你可以自定义一个CSS

例如

.xiaoma(这个名称随便写){
这里写CSS的一些标签代码控制效果
}
.xiaoma a{ }

名称后加个"a"是对带超链接文字的定义,在HTML里调用只需调用"xiaoma"!不用再调用"xiamma a"了!

~~~~~~~

用法:

把你自定义的这个放进CSS框框里

.xiaoma { }
.xiaoma a{ }

然后在HTML框里调用,调用方法例如:

<div class="xiaoma">这里是被控制的内容</div>

是不是很简单啊!

~~~~~~~~~~~~~~~~~~

下面的这些是磨盘默认的名称,所以名称就不能改变了直接加到CSS框框里,无需在HTML中调用,只能在CSS框框里修改"{}"里面的东西

~~~~~~~~

body { }/*系统全局


.file_list li { }/*控制首页文件列表普通文字的

.file_list li a { }/*控制首页文件列表的链接

.file_list{ }/*文件列表区域定义

.file_list span{ }/*文件列表后边的扩展名

(更多请看http://35230.wodemo.com/entry/172658网页主页定义下面的内容)

~~~~~~~~~

注意:所有"{}"这个符号里可以修改的东西太多了,不介绍了,可以到笑忘书这里看http://35230.wodemo.com/entry/172658(网页主页定义前面全都是)

~~~~~~~~~~~~~~~~~~~

我给个我首页上方"小马的磨欢迎你"区域控制的CSS和HTML调用吧!

~~~~~

CSS部分

.xiaoma {overflow:hidden;background:#996633;
margin-bottom:1px #cccccc;
border-bottom:1px solid #cccccc;
padding:5px
;color:#fff;
line-height:23px;}

.xiaoma a{color:#fff;}

HTML部分调用

<div class="xiaoma">小马的磨欢迎你</div>

具体效果看我的首页上方

~~~~~~~~~~~~~~~~~

下面是一些可以直接放进CSS框里无需调用用的代码

#ln-h{display:none;}/*去除"首页"代码*/


.file_list li a:before{content:"◎ ";color:#000000;}/*首页文件列表链接前加个"◎"符号


就说这些了!我就是一新手,没笑忘书大神写的好!笑忘去大神写的好啊!凑合着看吧!
转载的话就留个我的小磨的地址吧!谢了

2013-7-27 by 小马(aixiaos.wodemo.com)
«Newer      Older»

----Comments(5)----
@ny | @ at 2014-05-03 03:37:
好…顶一个
@ny | @ at 2014-05-03 03:36:
好…顶一个
@ny | @ at 2014-05-03 03:36:
好…顶一个
青山 (@28106780) | @ at 2013-12-01 22:57:
顶一个,这个写得看的明白一点
羅公子べ (@lxer) | @ at 2013-08-07 14:14:
写的好,顶
Comment:
Name:

Back to home

Subscribe | Register | Login | N