博客列表 >html标签分类和CSS一些基本属性的使用--2018年8月14日17时39分

html标签分类和CSS一些基本属性的使用--2018年8月14日17时39分

玩美者传媒的博客
玩美者传媒的博客原创
2018年08月14日 17:48:59625浏览
<!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

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议