网站样式怎么写 网站CSS通用写法一般怎么写

这样写就差不多了， 一般的说 ， 一开始会把一些常用的样式先写好 ， 比如

//通用样式

div{float:left}

body{margin-top:5px};

a{text-de..:none};

a:hover{text-de。overflow};

//banner头部样式

menu{width:500px; height150px}。

//Main 中间主要部分。

main{width:960px;}

//Left中间左边

到别人做的好的网站把人家的css下下来看一下，然后学习学习就好了

..

//Right中间右边。

.,。

//Foot底部样式

。。。。基本就是这样了 最好多加点注释。然后一个标记的样式不要写成几行， 能1行写完就1行

.a {

background:#CCC;

height:80px;

width:440px;

overflow:hidden;

}

.b {

background:#f00；/*是图片位置*/

float:left;

height:80px;

overflow:hidden;

margin:0 5px;

position:relative;

width:100px;

}

.b span {

background:#000;

bottom:0;

color:#fff;

font-size:12px;

line-height:20px;

height:20px;

position:absolute;

width:100px;

overflow:hidden;

text-align:center;

filter: alpha(opacity=50)；/*调整文字透明度*/

-moz-opacity:0.5； /*调整文字透明度*/

opacity: 0.5； /*调整文字透明度*/

}

3.重构的需求，尽可能的让类和区块样式可重用；

4.分离结构和表现的需求，遵守了语义化结构的约定；

5.构架完全符合金融网特色的CSS框架。

6.对代码进行必要的搜索引擎优化。第二、关于CSS命名的一些约定 1.不使用大写形式的类名和id名；

2.尽可能使用描述性的英文单词的组合作为类名和id名；

3.id名及类名的多个英文单词之间使用“_”短横线分隔；

4.按区域进行描述编号 例：main01_div01_ul01 （可以理解为主体第一区域 第一DIV下的第一个UL）

接下来我们要对整个网站及设计稿进行分析，去做符合自己门户结构特色的CSS框架。我们以新浪网为例子进行站点结构分析，整个页面分为：首页，更多页，内容页，专题页，数据中心，新闻中心，频道页，广告……

我们对这些页面进行整理，去发现他们的公共部分：CSS的样式，及区域，模块的碎片。我们需要做的是把这些公有的部分提出来，我们可以把CSS分以下几类：

主体样式表：sjweb.css

font（字体样式，字号，颜色的集合）

layout（框架结构 集合）

global（全局默认样式集合）

component（组成页面部分样式表，模块碎片集合）

这些讲统统的被import到sjweb.css主体样式表里，主体样式表做为一个loader加载新的外来样式，比如广告样式表。

这样这些页面只需要写一点点 属于自己特殊要求的CSS样式代码就可以了。

在构建这个CSS框架的时候有很多细节的东西最好能统一化，比如：行间距，模块之间间隔距离等。

规则：

1.所有area之间，模块之间，间距上下左右为：8 Pixel ;

2.新闻列表颜色#333 ;

1、创建使用css样式表有三种，分别是外部样式表，内部样式表和内联样式。下面通过一个小demo演示它们的用法。

首先新建一个html文件，放入3个button按钮，给前两个按钮分百别设置class属性为btn1和btn2，如下图。

2.然后准备一个名为demo的CSS文件。在css文件中写入buttonA的样式，并保存css文件：

3,HTML文件，使用链接在你的样式标签标签的引入上一步创建CSS文件，这是外面的使用风格，是创建一个好的总结度在CSS文件编写风格，然后介绍使用链接的HTML文件标签，这也是大多数网站使用方法，因为它的介绍方便，更方便管理：

4.接下来是内部样式表的使用，其中样式选项卡直接在head选项卡中创建，并添加了btn2样式。对于内部样式表简单的HTML文件，内部样式很方便，但是复杂的HTML文件可能会让人混淆：

5.最后是使用内联样式，直接在第三个标签中使用样式属性来添加样式可以：

6.最后，保存HTML文件，打开浏览器并查看所有三个按钮的样式。这就是CSS样式表的制作方法：

<table border="1" width="729" id="table1" height="50">

<tr><td rowspan="2" width="120" height="44">aaa</td>

<td width="263" height="25" colspan="3">ccc</td>

<td rowspan="2" width="121" height="44">ddd</td>

<td rowspan="2" width="121" height="44">yyyy</td>

</tr>

<tr>

<td width="121" height="25">111</td>

<td width="121" height="25">222</td>

<td width="121" height="25">333</td>

</tr>

</table>

也可以再外面套个DIV 设置下宽，margin:0 auto;