HY的前端web周记3 3.18

HY的前端web周记3 3.18

文章目录

引子

今天学习了有关css的基本操作：内联样式，外部样式。 id选择器，类选择器。关于背景图片的（纵向/横向）插入，图片高度，css对齐，边框，粗细等

<

一、css内联样式，外联样式

内联样式：当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用

<head>
<style>
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
</style>
</head>

外联样式：

现在html文件里面写：

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

在css文件里面写：


		<title>练习</title>
		<link rel="stylesheet" type=" text/css" href="css/style.css">
	</head>
	<body>
		<h1>老师不记仇</h1>
		<p class="para0">给我也查查吧</p>
		<p id="para1">这道题我不会做，太难了</p>
		<p class="para0">老师我送的是挂历</p>

二、一些操作

1.背景图片

代码如下（示例）：

body {background-image:url('paper.gif');}

2.尺寸，对齐

代码如下（示例）：

body
{
background-image:url('gradient2.png');
background-repeat:repeat-x;
}

在这里插入图片描述




<font color=#999AAA >该处使用的url网络请求的数据。

<hr style=" border:solid; width:100px; height:1px;" color=#000000 size=1">

# 总结：
今天学习了有关css的基本操作：内联样式，外部样式。	id选择器，类选择器。关于背景图片的（纵向/横向）插入，图片高度，css对齐，边框，粗细等
</font>
版权声明：本文为qq_51167539原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。