![如何用css设置网页字体[多图]](/aiimages/%E5%A6%82%E4%BD%95%E7%94%A8css%E8%AE%BE%E7%BD%AE%E7%BD%91%E9%A1%B5%E5%AD%97%E4%BD%93%5B%E5%A4%9A%E5%9B%BE%5D.png)
<ul class="nav">
<li>菜单<div class="subNav">
.....
</div></li>
<li>菜单</li>
<li>菜单</li>
<li>菜单</li>
<li>菜单</li>
</ul>
像这样的布局,以上面的布局为例，如果里面的subNav没有设置color，那么将默认继承外层的nav,那么如果要修改里面子菜单的颜色，可以直接.subNav{color:#xxx}
如果觉得优先级不够可以：.nav .subNav{color:#xxx}
如果修改不了，那么有几种情况：
1.代码写错了，
2.编写不规范，比如上面少了‘；’分号，则之后的所有样式全部无效；
3.优先级不够，因此被其他的样式覆盖了
4.选择器没用对，或者少了一层
两边加“--”比较美观。
用 也可以，用中文全角空格也可以。
中文全角空格是在中文输入状态下切换成“全角”然后在空格这个空格空出来的位置比较大。还有一种方法是用css中的“padding”。
<html><head>
<title>select间距调整</title>
<style>
body {font-size:12px}
select {margin:5px 0 width:120px border:1px solid #ccc}
</style>
</head>
<body>
<select>
<option value="#">--请选择--</option>
<option value="1">QQ</option>
<option value="1">MSN</option>
<option value="1">ICQ</option>
</select>
<select>
<option value="#">--请选择--</option>
<option value="1">QQ</option>
<option value="1">MSN</option>
<option value="1">ICQ</option>
</select><br />
<select>
<option value="#">--请选择--</option>
<option value="1">QQ</option>
<option value="1">MSN</option>
<option value="1">ICQ</option>
</select>
<select>
<option value="#">--请选择--</option>
<option value="1">QQ</option>
<option value="1">MSN</option>
<option value="1">ICQ</option>
</select>
</body>
</html>
简单的代码实现，仅供参考：
单选框：
<body> <input type="radio" name="sex" value="n" /> <input type="radio" name="sex" value="v" /></body>
复选框：
<body> <input type="checkbox" value="n" /> <input type="checkbox" value="v" /></body>
下拉框：
<body> <select> <option>n</option> <option>n</option> <option>n</option> </select></body>
扩展资料：
css注意事项
1、每个标签的属性设置必须是被一对花括号包含。像下面的样子：
标签
{
属性名称：属性值
}
2、花括号中每个属性值赋值后必须用分号隔开。分号就相当于C#和C中的分号，指示一行语句的结束，加上分号就是和网页的解释器说明这个属性的赋值已经结束了，下面开始一个新的属性的赋值。正确的格式是下面的样子：
标签
{
属性名称1：属性值
属性名称2：属性值
属性名称3：属性值
}
3、关于颜色值。我们在前面的文章中，在设置style时，不论是color属性还是background-color属性，赋值时都是指定的颜色名称。这种方式在网页编程中比较不通用。比较常用的做法是赋16进制值，类似于#RRGGBB这种样式，每一位的取值都是从1到F，每两位对应一类颜色值。具体的颜色值可以在网上搜到。
4、关于字体。我们在style中的font-family中设置字体。有时候我们设置的字体可能用户电脑中没有，这时候我们可以在font-family中设置多个可选字体，用逗号分隔，这样如果前面的字体用户电脑中没有，则可以使用后面的字体进行替换。下面是个例子：
<p sytle="font-family:serif,Cursive,Fantasy">
参考资料来源：百度百科：CSS
