导航:首页 > 万维百科 > 网页设计css怎么写

网页设计css怎么写

发布时间:2020-09-15 01:58:21

1、请教网页设计高手,如下图的这种CSS代码怎么写?

你看下,我写的是不是你要的那种,如果是,你自己调下兼容,声明下,本人不是专业得美工
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style>
ul{margin:0px;}
li{list-style-type:none;}
.local{height:30px; line-height:30px; border-bottom:1px dashed #999999; font-family:"微软雅黑"; font-size:14px;}
.list{margin-top:20px;}
.list .list-info{height:50px; line-height:50px; border-bottom:1px dashed #999999;}
.list .list-info .company{float:left;}
.list .list-info .range{float:left; font-size:12px; color:#999999; padding-top:2px; padding-left:5px;}
</style>
<body>
<div class="local">首页 > 广东省</div>
<div class="list">
<div class="list-info">
<ul>
<li class="company"><a href=""><b>福建省平潭县流水船务有限公司</b></a></li>
<li class="range">主营:福建,广东,浙江,上海及长江下游航线货物运输</li>
</ul>
</div>
<div style="clear:both;"></div>
<div class="list-info">
<ul>
<li class="company"><a href=""><b>福建省平潭县流水船务有限公司</b></a></li>
<li class="range">主营:福建,广东,浙江,上海及长江下游航线货物运输</li>
</ul>
</div>
<div style="clear:both;"></div>
<div class="list-info">
<ul>
<li class="company"><a href=""><b>福建省平潭县流水船务有限公司</b></a></li>
<li class="range">主营:福建,广东,浙江,上海及长江下游航线货物运输</li>
</ul>
</div>
<div style="clear:both;"></div>
</div>
</body>
</html>

2、在网页制作中如何使用Css

1.CSS一般适用于制作网页时,添加一些页面效果时用的。
2.CSS一般有三种方式使用:A 内嵌的方式: 如 <table style:border:1px bgcolor:pink > ----
B 脚本的方式:在页面的标签 <head >
此处添加CSS样式代码
如 a{
width:1px;
height:1px;

}
</head>
C 用include的方式嵌入一个CSS 样式文件即可。

3、制作一个网页成这个格式怎么写?DIV+CSS

如果你懂div+css那就好说了,我给你一个思路你就会知道怎么做,

第一个DIV 包含全部,是一个外围框架,设置好宽度,并且在网页中居中显示。
在设置第二个DIV,设置好这个DIV的宽度和高度,浮动到左边,这个DIV是被第一个DIV包含着的。
在设置第三个DIV,第三个DIV是浮动到右边,也是被第一个DIV包含的,注意设置好宽度和高度。
在来设置第四个DIV和第五个DIV,这两个DIV被第三个DIV包含,只要设置要宽度和高度,这两个DIV就会在第三个DIV中,一个显示在上面,一个显示在下面。
这样子就完了,很简单的,你需要注意的是 ,不要忘记给第一个DIV设置清除浮动,设置宽度和高度的时候计算好,第第四个DIV和第五个DIV 中间的距离用外边距设置一下就行。
很简单的这个结构。

4、网页设计请教,这个结构的html和css代码怎么写?如图,本人新手,请写出完整代码,颜色随意,谢谢!

<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <div class="main">
            <div class="a"></div>
            <div class="b">
                <div class="b1"></div>
                <div class="b2"></div>
            </div>
            <div class="c"></div>
        </div>
        <style>
            .main{
                width:900px;
                height:600px;
            }
            .a,.b,.c{
                float:left;
            }
            .a{
                width:300px;
                height:600px;
                background-color:yellow;
            }
            .b{
                width:300px;
                height:600px;
            }
            .b1{
                display:block;
                width:300px;
                height:300px;
                background-color:green;
            }
            .b2{
                width:300px;
                height:300px;
                background-color:black;
            }
            .c{
                width:300px;
                height:600px;
                background-color:red;
            }
        </style>
    </body>
</html>

5、求教这种网页样式应该怎么设计,css代码要怎么添加

<div style='background-image:url(20x20.jpg);text-indent:20px;'></div>
设置完背景之后,设置文字缩进.

6、网页设计,求教下面这个行内式的样式,用CSS怎么写出来呢?

.A{
width="208";
cellpadding="0";
border="0";
cellspacing="0";

}
<table calss = "A">xxx</table>
明白了吗

7、请问这个页面HTML+CSS怎么写?

说真的,不要不爱听,你问这个问题说明你对html+css基本不了解,而学习html+css的基础一般一个月时间足够了,三个月时间就能独立设计网页。
这个页面可以分成几个区域
顶部的,有logo、搜索框、顶部导航栏,主导航栏
左侧,有侧边栏;
正文部分,上面是一张图片,可以看作是幻灯片区域,下面就是正文
底部是版权信息。
这个网页的设计就目前的网站设计的主流来看已经过时了,而且这种网页一般会点html的人大概半个小时就能搞定,如果你实在不会,找到这个网页的来路,直接保存一下,你就能得到了,不需要找人做。

与网页设计css怎么写相关的知识