门户网站怎样写CSS篇1
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之间,模块之间,间距上下左右为:8Pixel;
2.新闻列表颜色#333;
网站CSS通用写法一般怎么写篇2
这样写就差不多了,一般的说,一开始会把一些常用的样式先写好,比如
//通用样式
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行
这个网页居中CSS样式怎么写哦篇3
<tableborder="1"width="729"id="table1"height="50"style="margin:0auto;">
<tr><tdrowspan="2"width="120"height="44">aaa</td>
<tdwidth="263"height="25"colspan="3">ccc</td>
<tdrowspan="2"width="121"height="44">ddd</td>
<tdrowspan="2"width="121"height="44">yyyy</td>
</tr>
<tr>
<tdwidth="121"height="25">111</td>
<tdwidth="121"height="25">222</td>
<tdwidth="121"height="25">333</td>
</tr>
</table>
也可以再外面套个DIV设置下宽,margin:0auto;
css怎么写篇4
.a{
background:#CCC;
height:80px;
width:440px;
overflow:hidden;
}
.b{
background:#f00;/*是图片位置*/
float:left;
height:80px;
overflow:hidden;
margin:05px;
position:relative;
width:100px;
}
.bspan{
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;/*调整文字透明度*/
}
css内部样式表怎么写篇5
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样式表的制作方法: