css,Web开发,技术交流,鱼C论坛 - Powered by Discuz! Archiver

myqf123 发表于 2022-3-11 17:13:35

css

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>用一生来学习艺术</title>
<style type="text/css">
body {
background-image: url("img/bc.jpeg"); /*背景图导入*/
background-repeat: no-repeat;/*不重复拉伸*/
background-attachment: fixed;/*此代码用于页面内容超出屏幕，右侧出现滚动条情况，使得滚动滚动条时背景锁定*/
bakcground-position: center 0;       /*请教大神，如何居中背景图片，我怎么调都是靠左，郁闷！
}
h1 {
text-align: center; /*text-align：文本对齐，水平对齐*/
color: white;    /*color:字体颜色*/
}
h2 {
margin-left: 60%;    /*margin-left:左页面空白，左页面余量*/
color: white;
}
p {
text-indent: 64px; /*text-indent：文本缩进*/
font-size: 32px;    /*font-size：字体大小*/
line-height; 64px; /*line-height:行高*/
color: white;
}
img {
position: absolute; /*absolute:绝对定位*/
left: 50%;
margin-left: -350px; /*margin-left：左页面空白，左页面余量*/
}
</style>
<style type="text/css" media="print">
h1 {
color: black;
}
h2 {
color: black;
}
p {
color: black;
}
</style>
<style type="text/css" media="screen and (min-width:512px) and (max-width:1024px)">
body {
background-image: url(img/bc2.jpg);
}
</style>
</head>
<body>
<h1>用一生来学习艺术</h1>
<h2>王小波</h2>
<p>我念过文科，也念过理科。</p>
<p>在课堂上听老师提到艺术这个词，还是理科的老师次数更多：化学老师说，做实验有实验艺术；计算机老师说，编程序有编程艺术。</p>
<p>老师们说，怎么做对是科学，怎么做好则是艺术；前者有判断真伪的法则，后者则没有；</p>
<p>艺术的真谛就是要叫人感到好，甚至是完美无缺；</p>
<p>传授科学知识就是告诉你这些法则，而艺术的修养是无法传授的，只能够潜移默化。这些都是理科老师教给我的，我觉得比文科老师讲得好。</p>
<img src="img/wxb.jpg">
</body>
</html>

myqf123 发表于 2022-3-11 17:46:11

看不到回帖{:9_241:}

ckblt 发表于 2022-3-11 18:13:56

应该position拼错了
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>用一生来学习艺术</title>
<style type="text/css">
   body {
   background-image: url('img/bc.jpeg'); /*背景图导入*/
   background-repeat: no-repeat; /*不重复拉伸*/
   background-attachment: fixed; /*此代码用于页面内容超出屏幕，右侧出现滚动条情况，使得滚动滚动条时背景锁定*/
   background-position: center 0; /* 注意，你写错了 */
   }
   h1 {
   text-align: center; /*text-align：文本对齐，水平对齐*/
   color: white; /*color:字体颜色*/
   }
   h2 {
   margin-left: 60%; /*margin-left:左页面空白，左页面余量*/
   color: white;
   }
   p {
   text-indent: 64px; /*text-indent：文本缩进*/
   font-size: 32px; /*font-size：字体大小*/
   line-height: 64px; /*line-height:行高*/
   color: white;
   }
   img {
   position: absolute; /*absolute:绝对定位*/
   left: 50%;
   margin-left: -350px; /*margin-left：左页面空白，左页面余量*/
   }
</style>
<style type="text/css" media="print">
   h1 {
   color: black;
   }
   h2 {
   color: black;
   }
   p {
   color: black;
   }
</style>
<style
   type="text/css"
   media="screen and (min-width:512px) and (max-width:1024px)"
>
   body {
   background-image: url(img/bc2.jpg);
   }
</style>
</head>
<body>
<h1>用一生来学习艺术</h1>
<h2>王小波</h2>
<p>我念过文科，也念过理科。</p>
<p>
   在课堂上听老师提到艺术这个词，还是理科的老师次数更多：化学老师说，做实验有实验艺术；计算机老师说，编程序有编程艺术。
</p>
<p>
   老师们说，怎么做对是科学，怎么做好则是艺术；前者有判断真伪的法则，后者则没有；
</p>
<p>艺术的真谛就是要叫人感到好，甚至是完美无缺；</p>
<p>
   传授科学知识就是告诉你这些法则，而艺术的修养是无法传授的，只能够潜移默化。这些都是理科老师教给我的，我觉得比文科老师讲得好。
</p>
<img src="img/wxb.jpg" />
</body>
</html>

ba21 发表于 2022-3-11 18:41:32

把问题放出来。

ba21 发表于 2022-3-11 18:48:18

1.
background: url("img/bc.jpeg") no-repeat center center;

2.
background: url("img/bc.jpeg");
background-repeat: no-repeat;
background-position-x: center;
background-position-y: center;

isdkz 发表于 2022-3-11 21:29:20

background-position 你写成了 bakcground-position，back 中的 ck写反了。

一切都为编程 发表于 2022-3-12 08:17:46

这

myqf123 发表于 2022-3-12 15:52:04

ckblt 发表于 2022-3-11 18:13
应该position拼错了

感谢，拼对着呢，已知道问题所在

myqf123 发表于 2022-3-12 15:52:33

ba21 发表于 2022-3-11 18:48
1.
background: url("img/bc.jpeg") no-repeat center center;

感谢

myqf123 发表于 2022-3-12 15:55:59

isdkz 发表于 2022-3-11 21:29
background-position 你写成了 bakcground-position，back 中的 ck写反了。

{:10_275:}感谢，阁下慧眼，已改正，问题已解决

hornwong 发表于 2022-3-12 16:33:10

{:5_95:}

tjweiyanmin 发表于 2022-3-12 22:05:35

加油

伽羅~ 发表于 2022-3-14 14:19:32

{:10_279:}

Violet01 发表于 2022-3-15 10:52:26

{:10_249:}

Doxa 发表于 2022-3-15 17:11:25

山迟ovo 发表于 2022-3-16 20:59:23

加油加油{:10_254:}

a1372245671 发表于 2022-3-17 11:55:54

{:10_331:}

a1372245671 发表于 2022-3-17 19:39:03

{:10_323:}

__add__ 发表于 2022-3-20 13:15:47

算了，我还是先去学web吧，根本看不懂{:10_243:}

页: [1]

鱼C论坛's Archiver

css