大一新生,请多多指教。我的css没有效果不知道哪里出错了。

时间:2021-09-05 14:45:08
<div id="container">
<div id="header">
<div class="logo">这是图片</div>
<div class="nav">导航</div>
<div class="column">导航下面的</div>
</div>
<div id="content">
<div class="paint">这是一张大的图片</div>
<div id="main">
<div class="title_1">one文字</div>
<div class="title_2">two文字</div>
<div class="title_3">3文字</div>
</div>
<div class="clear"></div>
</div>
<div id="footer">脚步</div>
</div>





--------------------------------------
------------------------------------
@import url(style.css);
#header{
width:928px;
height:118px;
border: 2px ;
.logo{
width:286px;
height:100px;
border: 2px ;
}
.nav{
width:164px;
height:34px;
border: 2px;
}
.column{
width:556px;
height:45px;
border: 2px ;
}
#content{
width:928px;
height:515px;
border: 2px;
}
这个明明链接没错,可是css没有效果。

12 个解决方案

#1


#header{
width:928px;
height:118px;
border: 2px ;
}
.logo{

#2


还是效果没出来 大一新生,请多多指教。我的css没有效果不知道哪里出错了。

#3


css成功加载了吗

#4


把css放到页面内试试

#5


请问css怎么加载,怎么放到页面。哒?

#6


引用 5 楼 qq_32767233 的回复:
请问css怎么加载,怎么放到页面。哒?
晕,代码不是你写的?

#7


是我写的呀,可是我今天刚学,很多不懂,麻烦你可以跟我讲一下嘛??

#8



<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Swapping Songs</title>
<style type="text/css">
#header{
width:928px;
height:118px;
border: 2px solid #ddd;
}
.logo{
width:286px;
height:100px;
border: 2px solid #333;
}
.nav{
width:164px;
height:34px;
border: 2px solid #f00;
}
.column{
width:556px;
height:45px;
border: 2px solid green;
}
#content{
width:928px;
height:515px;
border: 2px solid #ccc;
}
</style>
</head>

<body>
<div id="container">
        <div id="header">
                <div class="logo">这是图片</div>
                <div class="nav">导航</div>
                <div class="column">导航下面的</div>
        </div>
        <div id="content">
                <div class="paint">这是一张大的图片</div>
                <div id="main">
                        <div class="title_1">one文字</div>
                        <div class="title_2">two文字</div>
                        <div class="title_3">3文字</div>
                </div>
                <div class="clear"></div>
        </div>
        <div id="footer">脚步</div>
</div>
</body></html>

#9


引用 7 楼 qq_32767233 的回复:
是我写的呀,可是我今天刚学,很多不懂,麻烦你可以跟我讲一下嘛??
哪不懂了

#10


border是一个复合定义:
border:2px solid #f00;

等于
border-width:2px;
border-style:solid;
border-color:#f00

#11


为什么你跟老师讲的不一样呀??介意加一下你qq吗|?

#12


引用 11 楼 qq_32767233 的回复:
为什么你跟老师讲的不一样呀??介意加一下你qq吗|?

我用的是linux,没有qq可用。css中有很多复合定义可以简写:padding,margin,font,background.至于你老师怎么教不知道了

#1


#header{
width:928px;
height:118px;
border: 2px ;
}
.logo{

#2


还是效果没出来 大一新生,请多多指教。我的css没有效果不知道哪里出错了。

#3


css成功加载了吗

#4


把css放到页面内试试

#5


请问css怎么加载,怎么放到页面。哒?

#6


引用 5 楼 qq_32767233 的回复:
请问css怎么加载,怎么放到页面。哒?
晕,代码不是你写的?

#7


是我写的呀,可是我今天刚学,很多不懂,麻烦你可以跟我讲一下嘛??

#8



<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Swapping Songs</title>
<style type="text/css">
#header{
width:928px;
height:118px;
border: 2px solid #ddd;
}
.logo{
width:286px;
height:100px;
border: 2px solid #333;
}
.nav{
width:164px;
height:34px;
border: 2px solid #f00;
}
.column{
width:556px;
height:45px;
border: 2px solid green;
}
#content{
width:928px;
height:515px;
border: 2px solid #ccc;
}
</style>
</head>

<body>
<div id="container">
        <div id="header">
                <div class="logo">这是图片</div>
                <div class="nav">导航</div>
                <div class="column">导航下面的</div>
        </div>
        <div id="content">
                <div class="paint">这是一张大的图片</div>
                <div id="main">
                        <div class="title_1">one文字</div>
                        <div class="title_2">two文字</div>
                        <div class="title_3">3文字</div>
                </div>
                <div class="clear"></div>
        </div>
        <div id="footer">脚步</div>
</div>
</body></html>

#9


引用 7 楼 qq_32767233 的回复:
是我写的呀,可是我今天刚学,很多不懂,麻烦你可以跟我讲一下嘛??
哪不懂了

#10


border是一个复合定义:
border:2px solid #f00;

等于
border-width:2px;
border-style:solid;
border-color:#f00

#11


为什么你跟老师讲的不一样呀??介意加一下你qq吗|?

#12


引用 11 楼 qq_32767233 的回复:
为什么你跟老师讲的不一样呀??介意加一下你qq吗|?

我用的是linux,没有qq可用。css中有很多复合定义可以简写:padding,margin,font,background.至于你老师怎么教不知道了