第四次网页前端培训笔记

m0_66405825

已于 2022-02-08 23:30:55 修改

阅读量300

点赞数

分类专栏：物联网开发文章标签：前端 html

于 2022-02-08 23:04:26 首次发布

本文链接：https://blog.csdn.net/m0_66405825/article/details/122833074

版权

物联网开发专栏收录该内容

9 篇文章 0 订阅

订阅专栏

1.学习网址

hbuilder第四次培训笔记 - 幕布

2.基础操作

3.基本框架

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>常用属性</title>
		<style type="text/css">
			#div1 {
				/* width: seepx;*/
				height： 600px;
				/*背景颜色*/
				background-color：#EEE8AA;
				/*背景图片*/
				background-image：url(img/result.png);
				/*是否重复*/
				"background-repeat: no-repeat;
			}
			
			#div2 {
				/*字体颜色*/
				color：#0000FF;
				/*对齐方式 left center right */
				text-align: left;
				/*文本修饰*/
				text-decoration: line-through overline underline ;
				/*首行缩进*/
				text-indent: 2em;
			}
			a {
				/*去除文本效果（去除超锥接的下划线）*/
				text-decoration: none;
			}
			#p1 {
				/*对齐方式		left center right justify两端对齐*/
				text-align： justify;
			}
			h2 {
				/* display属性  none隐藏元素  block显示元素*/
				display:none;
			}
			/*浮动*/
			#d1 {
				width: 100px;
				height:188px;
				background-color：#DA70D6；
				/*浮动：左浮动*/
				float: left;
			}
			#d2 {
				width: 100px;
				height: 100px;
				background-color:indianred;
				/*浮动：左浮动*/
				float: left;
			}
		</style>
	</head>
	<body>
		<!--
			背景
				背景颜色
				背景图片
				是否重复
		-->
		<div id="div1">
			Hello
		</div>-->
		<hr>
		<!--文本-->
		<div id="div2">
			Hello World
		</div>
		<!--去除文本修饰-->
		<a href="">百度</a>
		<hr>
		<!--对齐方式-->
		<p id="p1">
		值 justify 可以使文本的两端都对齐。test在两端对齐文本中，文本行的左右两端都放在父元素的内边界上。然后，让
		值 justify 可以使文本的两端都对齐。在两端对齐文本中，aa文本行的左右两端都放在父元素的内边界上。然后，让
		值 justify 可以使文本的两端都对齐。在两端对齐文本中，文本行的左右两端都放在父元素的内边界上。然后，让
		值 justify 可以使文本的两端都对齐。在两端对齐文本中，文本行的左右两端都放在父元素的内边界上。然后，让
		值 justify 可以使文本的两端都对齐。在两端对齐文本中，文本行的左右两端都放在父元素的内边界上。
		</p>
		</hr>
		<!--display的属性-->
		<h2>Hello</h2>
		
		<!--浮动-->
		<div id="d1"></div>
		<div id="d2"></div>
	</body>
</html>