几个问题
日期：2014-05-17 浏览次数：20952 次
几个小问题
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> float &inline </title>
<style>
*{text-align:center;padding:4px;}
div,p{text-align:left;}
span{/*float:right;*/ background:#f5f5f5;border-left:1px #eee solid;border-top:1px #eee solid;border-right:1px #ccc solid;border-bottom:1px #ccc solid;}
ul#inline li{ display:inline; list-style:none;border-left:1px #ccc solid;width:300px; background:#f5f5f5;/* float:left*/;}
ul#float li{ float:left;display:inline; list-style:none;border-left:1px #666 solid;width:300px; background:#f5f5f5; }
</style>
</head>
<body>
<span style= "width:300px; "> span为内联/inline元素，给他宽度赋值是没有效果的。 </span>
<span style= "width:100px; float:right; "> span为内联/inline元素，给他宽度赋值100px+float:right;可以看到有了宽度。 </span>
<div>
<p> 这个li被定义为内联/inline,设置宽度没有效果 </p>
<ul id= "inline ">
<li> test </li>
<li> test </li>
</ul>
</div>
<div>
<p> 这个li被定义为内联/inline+float:left,设置宽度有效果 </p>
<ul id= "float ">
<li> test </li>
<li> test </li>
</ul>
</div>
</body>
</html>
---
请问*{text-align:center;padding:4px;}中的*表示什么？
list-style:none;是什么意思，还有其他几种属性？
换成list-style-type:disc;怎么项目前没出现实心圆？
------解决方案--------------------
* 代表通配符，代表文件的所有都默认为text-align:center;padding:4px;
list-style:none;
list-style-type:disc;
参考CSS2.0手册，网上很多下载的
------解决方案--------------------
ie没出现实心圆，是因为使用了float样式，ff或其他浏览器下应该是正常的
------解决方案--------------------
楼主去图书馆借本 "css权威指南 "看看吧
请问*{text-align:center;padding:4px;}中的*表示什么？
通配,表示所有文本都居中,内边距为4px
list-style:none;是什么意思，还有其他几种属性？
# disc (缺省值，黑圆点)
# circle (空心圆点)
# square (小黑方块)
# decimal (数字排序)
# lower-roman (小写罗马字排序)
# upper-roman (大写罗马字排序)
# lower-alpha (小写字母排序)
# upper-alpha (大写字母排序)
# none (无列表项标记)
ie没出现实心圆，是因为使用了float样式，ff或其他浏览器下应该是正常的
不怎么肯定.
------解决方案--------------------
你试试样式中不加list-style-type
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> float &inline </title>
<style>
*{text-align:center;padding:4px;}
div,p{text-align:left;}
span{/*float:right;*/ background:#f5f5f5;border-left:1px #eee solid;border-top:1px #eee solid;border-right:1px #ccc solid;border-bottom:1px #ccc solid;}
ul#inline li{ display:inline; list-style:none;border-left:1px #ccc solid;width:300px; background:#f5f5f5;/* float:left*/;}
ul#float li{ float:left;display:inline; list-style:none;border-left:1px #666 solid;width:300px; background:#f5f5f5; }
</style>
</head>
<body>
<span style= "width:300px; "> span为内联/inline元素，给他宽度赋值是没有效果的。 </span>
<span style= "width:100px; float:right; "> span为内联/inline元素，给他宽度赋值100px+float:right;可以看到有了宽度。 </span>
<div>
<p> 这个li被定义为内联/inline,设置宽度没有效果 </p>
<ul id= "inline ">
<li> test </li>
<li> test </li>
</ul>
</div>
<div>
<p> 这个li被定义为内联/inline+float:left,设置宽度有效果 </p>
<ul id= "float ">
<li> test </li>
<li> test </li>
</ul>
</div>
</body>
</html>
---
请问*{text-align:center;padding:4px;}中的*表示什么？
list-style:none;是什么意思，还有其他几种属性？
换成list-style-type:disc;怎么项目前没出现实心圆？
------解决方案--------------------
* 代表通配符，代表文件的所有都默认为text-align:center;padding:4px;
list-style:none;
list-style-type:disc;
参考CSS2.0手册，网上很多下载的
------解决方案--------------------
ie没出现实心圆，是因为使用了float样式，ff或其他浏览器下应该是正常的
------解决方案--------------------
楼主去图书馆借本 "css权威指南 "看看吧
请问*{text-align:center;padding:4px;}中的*表示什么？
通配,表示所有文本都居中,内边距为4px
list-style:none;是什么意思，还有其他几种属性？
# disc (缺省值，黑圆点)
# circle (空心圆点)
# square (小黑方块)
# decimal (数字排序)
# lower-roman (小写罗马字排序)
# upper-roman (大写罗马字排序)
# lower-alpha (小写字母排序)
# upper-alpha (大写字母排序)
# none (无列表项标记)
ie没出现实心圆，是因为使用了float样式，ff或其他浏览器下应该是正常的
不怎么肯定.
------解决方案--------------------
你试试样式中不加list-style-type
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
