css相关的几个点 - 码农教程

li去掉点的CSS写法

点评：css li 去掉点的样式写法，其实就是利用css的list-sytle样式来实现的。

li{ list-style: url("pre.gif") outside circle; }

直接变色 li{ color:#f00; }

关于这个list-style-type的一些语法与参数：

语法：

list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin

取值：

disc :　 CSS1 默认值。实心圆 

circle :　 CSS1 空心圆 

square :　 CSS1 实心方块 

decimal :　 CSS1 阿拉伯数字 

lower-roman :　 CSS1 小写罗马数字 

upper-roman :　 CSS1 大写罗马数字 

lower-alpha :　 CSS1 小写英文字母 

upper-alpha :　 CSS1 大写英文字母 

none :　 CSS1 不使用项目符号

脚本之家编辑：

一般去掉小黑点的具体样式表代码

li{margin:0; padding:0; list-sytle:none}

即可，关于为什么去掉小黑点而用图片替换，主要原因就是容易容易样式，也可以提高页面的美观度。

如何合并表格的边框

<html>
<head>
<style type="text/css">
table
{
    border-collapse:collapse;
}
table, td, th
{
    border:1px solid black;
}
</style>
</head>
<body>
<table>
    <tr>
        <th>Firstname</th>
        <th>Lastname</th>
    </tr>
    <tr>
        <td>Bill</td>
        <td>Gates</td>
    </tr>
    <tr>
        <td>Steven</td>
        <td>Jobs</td>
    </tr>
</table>
    <p><b>注释：</b>如果没有规定 !DOCTYPE，border-collapse 属性可能会引起意想不到的错误。</p>
</body>
</html>

padding与margin

padding 指的是content与border之间的距离

margin指的是元素与元素之间的距离

为什么W3C不赞成使用_font_等标签

倾向于使用css控制页面的显示，所以就不推荐使用标签自带的属性来控制

层叠样式表

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等。