list style type什么意思(list-style-type:none)
大家好,如果您还对list style type什么意思不太了解,没有关系,今天就由本站为大家分享list style type什么意思的知识,包括list-style-type:none的问题都会给大家分析到,还望可以解决大家的问题,下面我们就开始吧!
在DW中list-style-type: none 有什么作用
滑动门永远是新手的目标!而且单纯的DW是做不出这种效果的,必须要有javascript的!
html,body
UL
.ctt
.w936
/*TAB切换效果*/
.tb_
.tb_ ul
.tb_ li
/*用于控制显示与隐藏的css类*/
.normaltab
.hovertab
.dis
.undis
-->
</style>
<script type="text/javascript" language="javascript">
//<!CDATA[
function g(o)
function HoverLi(n){
//如果有N个标签,就将i<=N;
for(var i=1;i<=3;i++)g('tbc_0'+n).className='dis';g('tb_'+n).className='hovertab';
}
//如果要做成点击后再转到请将<li>中的onmouseover改成onclick;
//]]>
</script>
</head>
<body>
<!--把下面代码加到<body>与</body>之间-->
<div class="w936">
<div id="tb_" class="tb_">
<ul>
<li id="tb_1" class="hovertab" onMouseOver="x:HoverLi(1);">
标题1</li>
<li id="tb_2" class="normaltab" onMouseOver="i:HoverLi(2);">
标题2</li>
<li id="tb_3" class="normaltab" onMouseOver="a:HoverLi(3);">
标题3</li>
</ul>
</div>
<div class="ctt">
<div class="dis" id="tbc_01">内容1</div>
<div class="undis" id="tbc_02">内容2</div>
<div class="undis" id="tbc_03">内容3</div>
</div>
</div>
</div>
如果你觉得内容123用div控制很麻烦的话,你可以用表格。如果你连滑动门的代码都看不懂的话你就不要做滑动门了!
list-style:none是什么意思
“list-style:none”的意思是设置列表项目样式为不使用项目符号。
list-style用于设置列表项目相关内容,list-style的取值如下:
1、disc:默认值,实心圆。
2、circle:空心圆。
3、square:实心方块。
4、decimal:阿拉伯数字。
5、lower-roman:小写罗马数字。
6、upper-roman:大写罗马数字。
7、lower-alpha:小写英文字母。
8、upper-alpha:大写英文字母。
9、none:不使用项目符号。
扩展资料:
list-style相关属性:
1、list-style-image
设置或检索作为对象的列表项标记的图像。
2、list-style-position
设置或检索作为对象的列表项标记如何根据文本排列。
3、list-style-type
设置或检索对象的列表项所使用的预设标记。
4、initial
将这个属性设置为默认值。
5、inherit
规定应该从父元素继承list-style属性的值。
参考资料来源:百度百科-list-style
DIV+CSS是什么意思
所谓DIV+CSS就是现在提出一种新的网页制作标准,就是抛弃了传统的表格布局,而以DIV作为基础布局,而以CSS控制
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Frameset//EN""">
<html xmlns="">
<head>
<meta content="text/html; charset=gb2312" http-equiv="Content-Type"/>
<title>div+css示例</title>
<style type="text/css">
#mainbox{width:810px;border:1px solid#F00;margin:0 auto 0;}
ul{list-style:none;margin:0}
li{width:200px;border:1px solid#FCF;float:left;}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div id="mainbox">
<ul>
<li><a rel="external nofollow" rel="external nofollow" href="index.html" target="mainFrame">图书入库</a></li>
<li><a rel="external nofollow" rel="external nofollow" href="index.asp" target="mainFrame">查看章节</a></li>
<li><a rel="external nofollow" rel="external nofollow" href="book.asp" target="mainFrame">章节添加入口</a></li>
<li><a rel="external nofollow" rel="external nofollow" href="jianshi.asp" target="mainFrame">小说更新监视</a></li>
<li><a rel="external nofollow" rel="external nofollow" href="index.html" target="mainFrame">图书入库</a></li>
<li><a rel="external nofollow" rel="external nofollow" href="index.asp" target="mainFrame">查看章节</a></li>
<li><a rel="external nofollow" rel="external nofollow" href="book.asp" target="mainFrame">章节添加入口</a></li>
<li><a rel="external nofollow" rel="external nofollow" href="jianshi.asp" target="mainFrame">小说更新监视</a></li>
</ul>
</div>
</body>
</html>
复制下来看看.
DIV+CSS布局要至少节省50%的代码,只是用来表现内容,至于形式,完全通过css控制,上有一篇极经典的教程,你可以看一下.
OK,关于list style type什么意思和list-style-type:none的内容到此结束了,希望对大家有所帮助。