1、按F7(或点击快速启动栏里那个象“八卦图”似的图标),调出CSS面板,选择“none”,再点击面板下部的编辑图标,在弹出的“Edit Style Sheet”对话框上按“New”按钮,在弹出的“New Style”对话框中选择“Redifine HTML TAG(重定义HTML标记)”后,在下面的“Tag”选择框中选择“ol”,按OK,立即弹出“Style Definition for ol”对话框,
在“Style Definition for ol”对话框左边的选择窗口中选择“list”,在右边的面板上我们只要定义“Type”就行了,点一下右边那个三角形按钮,
2、我来解释一下上图中这个列表中各项的含义:
disc:实心圆;
circle:空心圆;
square:实心方块;
decimal:十进制数字;
lower-roman:小写罗马数字;
upper-roman:大写罗马数字;
lower-alpha:小写英文字母;
upper-alpha:大写英文字母;
none:不显示项目符号和编号。
很显然,在本例中要选择“upper-roman”,然后按OK返回(要注意“Bullet”属性现在不要选,否则有可能就不是预期的结果了)。在“Edit Style Sheet”对话框上按“Done”按钮结束。在网页源代码的〈head〉与〈/head〉之间见到的CSS代码是这样的:
以下为引用的内容:
〈style type="text/css"〉
〈!--
ol { list-style-type: upper-romancircle}
--〉
〈/style〉
对于不是使用Dreamweaver3的网友,直接把上述代码复制在〈head〉与〈/head〉之间,产生的效果相同。
3、这样当我们在设计网页时,在属性面板上点击项目编号图标,就能获得大写罗马数字的列表了,但在编辑时看到的还是十进制编号,只有在浏览时才显示其本来面目。若需要其它格式的编号,只要在第二步中选择列表中的其它样式就行了。
若是要使按下图标后,项目符号前面那个图形(默认的是实心方块)也改变为数字编号,只要在第一步中选择“Tag”标记时不要选“ol”而改为选“ul”,其它操作完全相同。如要把它改成用大写罗马数字项目符号,则得到的CSS代码是这样的:
以下为引用的内容:
〈style type="text/css"〉
〈!--
ul { list-style-type: upper-romancircle}
--〉
〈/style〉
从这里可以看,这两个图标所起的作用基本相同,只是标记不同而已。
你是想要这种效果吗?<html>
<head>
<title>CSS自动加序号Ordered List样式</title>
<style type="text/css">
/* list 1 style */
#list1 {
font: italic 1em Georgia, Times, serif
color: #999999
}
#list1 p {
font: normal .8em Arial, Helvetica, sans-serif
color: #000000
}
/* list 2 styles */
#list2 {
font: italic 1em Georgia, Times, serif
color: #999
list-style: lower-roman
}
#list2 p {
font: normal .85em Georgia, Times, serif
color: #000
}
/* list 3 styles */
#list3 {
font: normal 1.1em Arial, Helvetica, sans-serif
color: #666
}
#list3 p {
font: normal .7em Arial, Helvetica, sans-serif
color: #000
border-left: solid 1px #999
margin: 0
padding: 0 0 1em 1em
}
</style>
</head>
<body>
<ol id="list1">
<li>
<p>FontLister字体查看及卸载软件,应该说查看字体的功能还是挺强大的,可预览字体,可查看字体的超多属性信息,比如字符集、字体的高度和宽度、精细、水平和垂直方位、默认字符、末字符、断字符以及字体类型、单元高度等信息,用起来十分方便,免安装,无限制,也不需注册。</p>
</li>
<li>
<p>HTML5真的很棒,你看看这个网页加载效果就明白了,不用任何图片,纯代码实现动画效果,一个方格动画,随着网页加载而变化的效果。方格也是由代码生成的,超赞吧?</p>
</li>
<li>
<p>VB打印窗体及窗体中的控件,就是把窗口中的输入框按钮什么的也打出来。程序的亮点是窗口界面的设计,尤其是登记表的设计,有个性,程序采用了Access数据库,输入完这些信息,可保存,如果打印机连接正确,则可直接打印了。</p>
</li>
</ol>
<ol id="list2">
<li>
<p>调色板代码,VB制作调色器的主代码,本程序通过拖动滑块来改变颜色,每个基色都有对应的滑块,左侧方格适时显示所调整的颜色值</p>
</li>
<li>
<p>一个IP自动切换的程序,隔几秒后会自动断开、自动连接,适用于adsl,这样ADSL宽带的IP地址就是不停变化的,软件主要适用于一些特殊场合,比如客户端投票之类的被限制IP的时候用,软件功能简单,不需要注册就可使用。 </p>
</li>
<li>
<p>RegDllView软件下载,这个小软件可以很方便的查看你电脑中已注册的DLL、oxc以及以COM方式注册的exe组件等,在每个已注册的文件中,你可以查看它的最后注册日期,CLSID和ProgID等</p>
</li>
</ol>
<ol id="list3">
<li>
<p>苏飞迷你农历日历-万年历,是以前网页上的一个日历,经苏飞优化完善,重新编译成软件版本,这样用着更方便了,日历中包括农历、节日、星期、节气等众多丰富的信息查询功能 </p>
</li>
<li>
<p>html5 canvas超酷loading,用时候可以单独摘出某个你喜欢的Loading代码,看了你会喜欢的。注意不要用IE8测试,html5现在支持火狐、Chrome、Opera等浏览器。
</p>
</li>
<li>
<p>两个下拉导航菜单的演示,用jquery.easing.1.3.js和jquery.naviDropDown.1.0.js以及jquery.hoverIntent.minified.js共同实现,最新的jquery版本也可以引入,在演示页面中,分别有横向水平向下滑出的下拉菜单. </p>
</li>
</ol>
</body>
</html>
我写下 你应该看得懂控制文字大小
#plink a{
font-size: **px
}
控制 上下距离(默认你是竖行 排列的)
#plink li{
display:black;
padding:*px *px *px *px; 这4个 分别是 上 、右、下、左
或者 padding:*px *px; 这2个 分别是 上下 和 左右
}
* 是你设置的大小 比如 10px padding设置的是内补丁
或简单的 写成 padding-top:*px; 上面得内补丁为*。 或padding-button:*px;
对齐呢 有好几种 还有继承的因素
文本类对齐
水平对齐:
text-align : left | right | center | justify
left : 默认值。左对齐
right : 右对齐
center : 居中对齐
justify : 两端对齐
垂直对齐:
vertical-align : auto | baseline | sub | super | top | text-top | middle | bottom | text-bottom | length
auto : CSS1 根据 layout-flow 属性的值对齐对象内容
baseline : CSS1 默认值。将支持 valign 特性的对象的内容与基线对齐
sub : CSS1 垂直对齐文本的下标
super : CSS1 垂直对齐文本的上标
top : CSS1 将支持 valign 特性的对象的内容对象顶端对齐
text-top : CSS1 将支持 valign 特性的对象的文本与对象顶端对齐
middle : CSS1 将支持 valign 特性的对象的内容与对象中部对齐
bottom : CSS1 将支持 valign 特性的对象的内容与对象底端对齐
text-bottom : CSS1 将支持 valign 特性的对象的文本与对象顶端对齐
length : CSS2 由浮点数字和单位标识符组成的长度值 | 百分数。可为负数。
定义由基线算起的偏移量。基线对于数值来说为0,
对于百分数来说就是0%。请参阅 长度单位 。目前IE尚未实现此参数
还有一些属性
1、 链接有无下划线
text-decoration : none || underline || blink || overline || line-through
none : 默认值。无装饰
blink : 闪烁
underline : 下划线
line-through : 贯穿线
overline : 上划线
2、刚说的 display
其他 列举你参考css 手册 看下 字体的种类、颜色、粗体、大小;还有内外补丁的值 等等了
主要根据你的效果来设置了
要补充一点 主意浮动 如果你用了的话 很多问题其实都是浮动影响的