HTML与CSS的结合方式

最新推荐文章于 2022-07-15 23:26:06 发布

须佐能乎！

最新推荐文章于 2022-07-15 23:26:06 发布

阅读量473

点赞数 1

分类专栏： HTML CSS 文章标签： html css html与css的结合方式

本文链接：https://blog.csdn.net/qq_34416191/article/details/51644727

版权

HTML 同时被 2 个专栏收录

13 篇文章 0 订阅

订阅专栏

CSS

7 篇文章 0 订阅

订阅专栏

<html>
	  <head>
	  	  <title>HTML和CSS结合方式</title>
	  	  
	  	  <!--内嵌样式：在head标签中加入style标签，对多个相同的标签进行统一修改. 标签名{属性:值;属性:值...}-->
	  	  <style type="text/css">
	  	  	  div{width:400px;/*div容器的宽度*/
	  	  	  	  height:400px;/*div容器的高度*/
	  	  	  	  background-color:black;/*背景样式可以用于任何标签，背景颜色：黑色*/
	  	  	  	  background-image:url("1.jpg");/*背景图片*/
	  	  	  	  background-repeat:no-repeat;/*背景图片是否重复*/
	  	  	  	  background-attachment:fixed;/*背景图像固定*/
	  	  	  	  background-position-x:10%;/*背景图像水平方向的位置*/
	  	  	  	  background-position-y:50%;/*背景图像竖直方向的位置*/
	  	  	  	} 
	  	  </style>
	  	  
	  	  <!--链接方式：通过head标签中的link标签实现，前提是要有一个先写好的css文件。此种方式工作中最常用。-->
	  	  <!--注：可以通过多个link标签链接进来多个css文件，若有重复，则以最后链接进来css样式为准-->
	  	  <!--  href-引入的样式文件   -->
	  	  <link href="divstyle.css" rel="stylesheet" type="text/css">
	  	  
	  	  <!--导入方式：与链接方式类似，都要存在一个先定义好的css文件。-->
	  	  <!--注：URL括号后面必须用分号结束。如果导入进来的css样式与本页面定义的样式重复，以本页面样式为准。-->
	  	  <style type="text/css">
	  	  	  @import url(borderstyle.css);
	  	  </style>
	  	  
	  </head>
	  <body>
	  	  <p><img src="libai.jpg" alt="李白" width="140" height="170" align="left"></p>
	  	  <h2>将进酒</h2>
	  	  <!--行内样式：对指定标签和行有效。格式：标签名 style="属性:值;属性:值..."-->
	  	  <p style="color:red; font-size:20; font-family:微软雅黑; border-bottom-style:solid">
	  	  
	  	  人生得意须尽欢，<br>
	  	  莫使金樽空对月。<br>
	  	  天生我材必有用，<br>
	  	  千金散尽还复来。</p>
	  	  
	  	  <br><br><br><br>
	  	  <div><font color="white">我是猫咪！</font></div>
	  	  
	  	  <br><br><br><br>
	  	  <border>知耻而后勇！</border>
	  </body>
</html>

须佐能乎！

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML与CSS的结合方式

HTML和CSS结合方式 div{width:400px;/*div容器的宽度*/ height:400px;/*div容器的高度*/ background-color:black;/*背景样式可以用于任何标签，背景颜色：黑色*/ background-image:u
复制链接

扫一扫