1、我们选择将我们的样式全部建到一个CSS文档中,通过调用CSS文件来加载样式。
2、在头部调用CSS文件样式。
3、对于CSS,我们最常用的是通过class或是标签名来控制样式。
4、我们控制字体样式使用的font。
5、比如我们要设置字体的大小,那么我们可以使用font-size,来进行设置。
6、如果我们需要设置字体样式,那么我们可以使用font-family。
7、如果我们需要给字体加粗,那么我们可以使用font-weight。
8、在设置字体过程中,除了font常用外,其次比较常用的就是text了,我们可以利用text,设置字体的一些其他样式,比如text-align可以设置文字的对齐方式。
9、而text-decoration可以清理或是设置不同样式的下划线。我这里利用text-decoration:none去掉了下划线。
10、如果您定义的容器比文字的宽度小,那么可以设置overflow:hidden,当溢出后,便会自动隐藏其溢出的内容。
11、font-style可以设置字体的样式。
定义和用法
font-family 规定元素的字体系列。
font-family 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。也就是说,font-family 属性的值是用于某个元素的字体族名称或/及类族名称的一个优先表。浏览器会使用它可识别的第一个值。
有两种类型的字体系列名称:
指定的系列名称:具体字体的名称,比如:"times"、"courier"、"arial"。
通常字体系列名称:比如:"serif"、"sans-serif"、"cursive"、"fantasy"、"monospace"
提示:使用逗号分割每个值,并始终提供一个类族名称作为最后的选择。
注意:使用某种特定的字体系列(Geneva)完全取决于用户机器上该字体系列是否可用;这个属性没有指示任何字体下载。因此,强烈推荐使用一个通用字体系列名作为后路。
做了一个导航横向代码里面的鼠标未移上去时的字体怎么也改不了颜色和大小希望高手帮个忙看看怎么改CSS代码:#top1
{
WIDTH:
969px}/*---------------------页面基础定义----------------------------------*/body,td,th
{
font-family:
Tahoma,
Verdana,
Arial,
sans-serif
font-size:
12px
color:
#000000}body
{
margin-left:
0px
margin-top:
0px
margin-right:
0px
margin-bottom:
0px}/*---------------------链接定义----------------------------------*/a
{
color:
#FFFFFF
text-decoration:
none}a:hover
{
color:
#000000
text-decoration:
none}a:active{
color:
#FF0000
text-decoration:
none}/*---------------------菜单样式----------------------------------*/#menu{
height:32px
margin-top:1px
background-color:#90D311}#menu
ul{
margin:auto
width:778px
height:32px
list-style-type:none
padding:0px
margin-top:0px
margin-bottom:0px}.m_li{
float:left
width:88px
line-height:32px
text-align:center
margin-right:-2px
margin-left:-2px}.m_li
a:link{
display:block
color:#FFFFFF
width:85px}.m_line{
float:left
width:1px
height:32px
line-height:32px
/*ff下有效(图片垂直居中)*/}.m_line
img{
margin-top:expression((
32
-
this.height
)
/
2)
/*ie下有效(图片垂直居中)*/}.m_li_a{
float:left
width:85px
line-height:32px
text-align:center
padding-top:3px
font-weight:bold
background-image:url(
http://127.0.0.1/daohang/images/menu_bg.JPG
)
position:relative
height:32px
margin-top:-3px
margin-right:-2px
margin-left:-2px}.m_li_a
a{
display:block
color:#FF0000
width:85px}.smenu{
width:810x
margin:0px
auto
0px
auto
padding:0px
list-style-type:none
height:32px
FLOAT:
left}.s_li{
line-height:32px
FLOAT:
left
width:auto
display:none
height:32px
}.s_li_a{
line-height:32px
width:auto
display:block
height:32px
FLOAT:
left}