欢迎您访问365答案网,请分享给你的朋友!
生活常识 学习资料

网站样式怎么写,网站设计格式

时间:2023-01-21 12:03:02

门户网站怎样写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样式表的制作方法:

Copyright © 2016-2020 www.365daan.com All Rights Reserved. 365答案网 版权所有 备案号:

部分内容来自互联网,版权归原作者所有,如有冒犯请联系我们,我们将在三个工作时内妥善处理。