|
主题: 急死我了!CSS怎么应用到网页中呀?谢谢了!
|
 xianyunguhe
职务:普通成员
等级:1
金币:0.0
发贴:41
注册:2001/10/9 17:50:26
|
#12002/5/9 10:17:56
一、顶端菜单部分的样式归类 1、 标题菜单部分的背景颜色(menu1_bg)。 2、 菜单部分文字未选择时的样式(menu1_text):字体、大小、颜色 3、 菜单部分文字选中时的样式(menu1now_text) :字体、大小、颜色。 4、 快速搜索文本输入框的风格(search),包括:大小,背景颜色,文字的字体、大小、颜色。 5、 当前位置说明和用户切换行的背景颜色(locationnow_bg)。 6、 当前位置说明文字的样式(locationnow_text),包括:字体、大小、颜色。 7、 用户切换,标识文字的样式(userchange_text):字体、大小、颜色。下拉列表(userchangeselect_text)的样式:文字字体、大小、颜色。 二、左侧菜单栏 1、 菜单栏标题 (menu2titlet)的样式:菜单栏的文字字体、文字大小、文字颜色,背景颜色。 2、 菜单链接文字(menu2link_text)的样式:字体、大小、颜色。链接文字在选中(menu2linknow_text)、未选中(menu2linkno_text)、已选中(menu2linkyes_text)不同状态下的颜色。 三、主显示区域 1、 主显示区域的背景颜色(main_bg)。 2、 列表页面中,列表名称的样式(mainlist):列表名称框的背景颜色、字体、大小、颜色。 3、 表头的样式(maintbhead_text):文字字体、大小、颜色,背景颜色,高度 4、 奇数行表格行的的样式(maintable_tr1),背景颜色,字体大小、颜色,高度。 5、 偶数行表格行的的样式(maintable_tr2),背景颜色,字体大小、颜色,高度。 6、 操作文字(mainopra_text)链接的样式:字体、大小、颜色。 7、 表格记录数描述文字(maintbcounter_text)的样式:字体、大小、颜色。 8、 翻页文字信息(mainchangepage_text)的样式:字体、大小、颜色。 9、 在编辑、新建和查看页面中,可编辑的文本框(main_textarea)、下拉列表(main_combox)、单选按钮(main_radio)、多选按钮(main_checkbox)等控件的样式:高度、内容文字的字体、大小、颜色。 10、 必填项文字(mainmustdo_text)的样式:字体、大小、颜色。 11、 查看页面中的文字(maindetail_text)描述的字体、大小、颜色。 四、底部版本信息显示 1、底部版本信息的样式(CopyRight):背景颜色、字体、字体大小、字体颜色
上面是要求
下面这段 我不知道我有没有写对 :( 还请哪位高手指教一 二 怎么将我写的“CSS”插入到网页中,怎样才能起到他的作用呀?
menu1_bg { background-color: #5D7090 } menu1_text{font-family: "宋体"; font-size:12px; font-weight: normal; color: #FFFFFF } menu1now_text { font-family: "宋体"; font-size:12px; font-weight: normal; color: #9D0606 } srearch { color: #DEEFFF } locationnow_bg {color: #DEEFFF} locationnow_text{font-family: "宋体"; font-size:8pt; font-weight: normal; color: #000000} userchange_text {font-family: "宋体"; font-size:12px; font-weight: normal; color: #000000} userchangeselect_text {font-family: "宋体"; font-size:12px; font-weight: normal; color: #000000}
menu2titlet {font-family: "宋体"; font-size:9pt; font-weight: normal; bgcolor: #B5BEDF} menu2link_text { font-family: "宋体"; font-size:9pt; font-weight: normal; color: #9D0606 } menu2linknow_text {color: #9D0606} menu2linkno_text {color: #FFFFFF} menu2linkyes_text {color: #FEFF31}
main_bg {color: #B5BEDF} mainlist {background-color: #FFFFFF; font-family: "宋体"; font-size:9pt; font-weight: normal; color: #9D0606 } maintbhead_text {background-color: #5D7090; font-family: "宋体"; font-size:9pt; font-weight: normal; color: #000000} maintable_tr1 {background-color: #F7F4FF; font-family: "宋体"; font-size:9pt; font-weight: normal; color: #000000; row-height:15pt} maintable_tr2 {background-color: #FFFFFF font-family: "宋体"; font-size:9pt; font-weight: normal; color: #000000; line-height:15px} mainopra_text {font-family: "宋体"; font-size:9pt; font-weight: normal; color: #000000} maintbcounter_text {font-family: "宋体"; font-size:12px; font-weight: normal; color: #000000} mainchangepage_text {font-family: "宋体"; font-size:12px; font-weight: normal; color: #000000} main_textarea { font-family: "宋体"; font-size:12px; font-weight: normal; color: #000000; row-height:15px} main_combox { font-family: "宋体"; font-size:9pt; font-weight: normal; color: #000000; row-height:15px} main_radio { font-family: "宋体"; font-size:9pt; font-weight: normal; color: #000000; row-height:15px} main_checkbox { font-family: "宋体"; font-size:12px; font-weight: normal; color: #000000; row-height:15px} mainmustdo_text { font-family: "宋体"; font-size:12px; font-weight: normal; color: #000000} maindetail_text { font-family: "宋体"; font-size:12px; font-weight: normal; color: #000000}
CopyRight {background-color: #5D7090; font-family: "黑体"; font-size:9pt; font-weight: normal; color: #C0DAF1}
|
 沉默是金
职务:普通成员
等级:6
金币:11.2
发贴:4357
注册:2004/2/18 11:17:25
|
#22002/5/9 10:30:32
一般来说将放在之间,打开CSS面板可以看得到的,选中要套用的表格或文字,点击一下要套用的CSS命令就可以了。
难人一个……
|
 xianyunguhe
职务:普通成员
等级:1
金币:0.0
发贴:41
注册:2001/10/9 17:50:26
|
#32002/5/9 10:52:59
谢谢楼上的!
我还是不大明白:( 我是将“CSS”插在了“HEAD”之间 可是好象没激活似的 没起到作用
还是我的CSS根本没写对呢?
|
 闪来~闪去~
职务:普通成员
等级:6
金币:10.5
发贴:1906
注册:2004/1/13 11:00:26
|
#42002/5/9 11:02:51
DW里就有CSS的设置,不用手写的,这样也方便很多
SHIFT+F11
|
 xianyunguhe
职务:普通成员
等级:1
金币:0.0
发贴:41
注册:2001/10/9 17:50:26
|
#52002/5/9 17:54:45
终于弄明白了 谢谢回答我问题的高手!
|