css 调用二级栏目代码问题

html-css026

css 调用二级栏目代码问题,第1张

主要分3种方法：

1.行内式，就是直接在网页中加入css样式表，在标记的后面加上style属性来设定css样式。

如：

<p style="font-size:12pxcolor:#000">行内式测试</p>

注：读取速度最快，但维护最麻烦

2.嵌入式,在页面的<head>和</head>之间。

如：

<style type="text/css">

p{margin: 0padding: 0color:red}

</style>

注：读取速度居中，但维护也居中

3.连接式

<link href="style.css" rel="stylesheet" type="text/css"/>

注：读取速度不及上面2种，但维护较方便；网页设计师最常用~

.mainNav li a{ float:leftmargin-top:4pxpadding-right:3pxbackground:transparent url(/ou/navline.png) no-repeat right center}

中的padding，改成padding:0px 10px就ok了

就是说，只需调节li里面的a的padding的左右值就行

HTML的一些标签做高级标称ID

顶部，包括导航

.header 顶部的大层

.topnav 导航层

.nav 导航小块（有文字的那些）

.brand 广告层

.navinner 导航分割线

.note 内容

.menu 菜单

.sitemap 部点地图，最下面的关于我们的地方

#news 新闻区块

.page 分页的

.content 文本内容的

一般是照着英文或拼音去命名的，