Community Learn Tools Library Leisure
search
English
Home > List of blog posts > html标签分类和CSS一些基本属性的使用--2018年8月14日17时39分
Blogger Information
Blog 8
fans 0
comment 0
visits 3570
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
html标签分类和CSS一些基本属性的使用--2018年8月14日17时39分
玩美者传媒的博客
Original
626 people have browsed it
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文本控制</title>
<style type="text/css">
p{font-weight:bold;/*定义粗体*/
font-size:25px; /* 定义字体大小*/
font-family:黑体; /*定义字体*/
   }
   h1{ text-align:center;/*left center  right*/
   height: 100px;
   background: #ccc;
   line-height:100px;/*定义行高*/
    }
   span{font-size: 40px;font-weight: bold;font-family: georgia;}
   img{width: 300px;height: 500px;}
   b{  display: block;
   width: 300px;
   height: 40px;
   background: pink;
   overflow: hidden;/*溢出隐藏*/
        margin-bottom: 100px;
   }
div{font-weight:bold; font-size:25px;text-align:center;color:#821}
   b:hover{overflow: visible;}/*默认值，内容不会被修剪，元素会被呈现在元素框之外；*/
</style>
</head>
<body>
<h1>php中文网</h1>
<div>php中文网</div>
<br>
<!-- 谷歌logo -->
<span style="color:#0388F1">G</span>
<span style="color: rgb(245,28,39);">o</span>
<span style="color: #FFE80E">o</span>
<span style="color:#0388F1">g</span>
<span style="color:#39FF1B">l</span>
<span style="color: #FFE80E">e</span>
<!-- 图文混排 -->
<br>
<p style="display: inline-block;width: 300px;height: 400px;">8月10日晚间，证监会一则处罚公告却引爆了娱乐圈，黄晓明疑卷入18亿股票操纵案。黄晓明工作室随即发声明，否认股票操纵大案。然而据财新8月13日晚报道，该股票操纵案中的自然人账户之一确实为黄晓明名下账户。《每日经济新闻》记者在梳理资料时发现，黄晓明名下公司有48家，涉及科技、餐饮、文化、商贸、投资等多个方面，其中最多的当属投资类公司，多达14家。
</p>
<img src="作业.png">
<br><br>
<img src="作业.png">
<b>黄晓明疑卷入18亿股票操纵案。黄晓明工作室随即发声明，否认股票操纵大案。8月10日晚间，证监会一则处罚公告却引爆了娱乐圈，然而据财新8月13日晚报道，该股票操纵案中的自然人账户之一确实为黄晓明名下账户。《每日经济新闻》记者在梳理资料时发现，黄晓明名下公司有48家，涉及科技、餐饮、文化、商贸、投资等多个方面，其中最多的当属投资类公司，多达14家。。
</b>
</body>
</html>

实例

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>文本控制</title>
	<style type="text/css">
		p{font-weight:bold;/*定义粗体*/
			 font-size:25px; /* 定义字体大小*/
			 font-family:黑体; /*定义字体*/

		    }
	    h1{ text-align:center;/*left center  right*/
	    	height: 100px;
	    	background: #ccc;
	    	line-height:100px;/*定义行高*/
	    	 }
	    span{font-size: 40px;font-weight: bold;font-family: georgia;}
	    img{width: 300px;height: 500px;}
	    b{  display: block;
	    	width: 300px;
	    	height: 40px;
	    	background: pink;
	    	overflow: hidden;/*溢出隐藏*/
	         margin-bottom: 100px;
	    }
			div{font-weight:bold; font-size:25px;text-align:center;color:#821}
	    b:hover{overflow: visible;}/*默认值，内容不会被修剪，元素会被呈现在元素框之外；*/
	</style>
</head>
<body>
<h1>php中文网</h1>
<div>php中文网</div>
<br>
<!-- 谷歌logo -->
<span style="color:#0388F1">G</span>
<span style="color: rgb(245,28,39);">o</span>
<span style="color: #FFE80E">o</span>
<span style="color:#0388F1">g</span>
<span style="color:#39FF1B">l</span>
<span style="color: #FFE80E">e</span>
<!-- 图文混排 -->
<br>
<p style="display: inline-block;width: 300px;height: 400px;">8月10日晚间，证监会一则处罚公告却引爆了娱乐圈，黄晓明疑卷入18亿股票操纵案。黄晓明工作室随即发声明，否认股票操纵大案。然而据财新8月13日晚报道，该股票操纵案中的自然人账户之一确实为黄晓明名下账户。《每日经济新闻》记者在梳理资料时发现，黄晓明名下公司有48家，涉及科技、餐饮、文化、商贸、投资等多个方面，其中最多的当属投资类公司，多达14家。
</p>
<img src="作业.png">
<br><br>
<img src="作业.png">
<b>黄晓明疑卷入18亿股票操纵案。黄晓明工作室随即发声明，否认股票操纵大案。8月10日晚间，证监会一则处罚公告却引爆了娱乐圈，然而据财新8月13日晚报道，该股票操纵案中的自然人账户之一确实为黄晓明名下账户。《每日经济新闻》记者在梳理资料时发现，黄晓明名下公司有48家，涉及科技、餐饮、文化、商贸、投资等多个方面，其中最多的当属投资类公司，多达14家。。
</b>
</body>
</html>

实例

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>文本控制</title>
	<style type="text/css">
		p{font-weight:bold;/*定义粗体*/
			 font-size:25px; /* 定义字体大小*/
			 font-family:黑体; /*定义字体*/

		    }
	    h1{ text-align:center;/*left center  right*/
	    	height: 100px;
	    	background: #ccc;
	    	line-height:100px;/*定义行高*/
	    	 }
	    span{font-size: 40px;font-weight: bold;font-family: georgia;}
	    img{width: 300px;height: 500px;}
	    b{  display: block;
	    	width: 300px;
	    	height: 40px;
	    	background: pink;
	    	overflow: hidden;/*溢出隐藏*/
	         margin-bottom: 100px;
	    }
			div{font-weight:bold; font-size:25px;text-align:center;color:#821}
	    b:hover{overflow: visible;}/*默认值，内容不会被修剪，元素会被呈现在元素框之外；*/
	</style>
</head>
<body>
<h1>php中文网</h1>
<div>php中文网</div>
<br>
<!-- 谷歌logo -->
<span style="color:#0388F1">G</span>
<span style="color: rgb(245,28,39);">o</span>
<span style="color: #FFE80E">o</span>
<span style="color:#0388F1">g</span>
<span style="color:#39FF1B">l</span>
<span style="color: #FFE80E">e</span>
<!-- 图文混排 -->
<br>
<p style="display: inline-block;width: 300px;height: 400px;">8月10日晚间，证监会一则处罚公告却引爆了娱乐圈，黄晓明疑卷入18亿股票操纵案。黄晓明工作室随即发声明，否认股票操纵大案。然而据财新8月13日晚报道，该股票操纵案中的自然人账户之一确实为黄晓明名下账户。《每日经济新闻》记者在梳理资料时发现，黄晓明名下公司有48家，涉及科技、餐饮、文化、商贸、投资等多个方面，其中最多的当属投资类公司，多达14家。
</p>
<img src="作业.png">
<br><br>
<img src="作业.png">
<b>黄晓明疑卷入18亿股票操纵案。黄晓明工作室随即发声明，否认股票操纵大案。8月10日晚间，证监会一则处罚公告却引爆了娱乐圈，然而据财新8月13日晚报道，该股票操纵案中的自然人账户之一确实为黄晓明名下账户。《每日经济新闻》记者在梳理资料时发现，黄晓明名下公司有48家，涉及科技、餐饮、文化、商贸、投资等多个方面，其中最多的当属投资类公司，多达14家。。
</b>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

图片

屏幕快照 2018-08-14 下午5.25.08.png

手抄图

WechatIMG1881.jpeg

Correction status：qualified

Teacher's comments：
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post