灯塔第一周学习总结

最新推荐文章于 2024-07-13 20:38:58 发布

颜少不会搞算法

最新推荐文章于 2024-07-13 20:38:58 发布

阅读量155

点赞数 3

文章标签：学习 javascript css

本文链接：https://blog.csdn.net/qq_74261379/article/details/136426819

版权

@charset "utf-8";
/* CSS Document */
.caption{
	font:"微软雅黑";
	text-align:center;
	color:#669;
	font-size:48px;
	}
body{
	 background-image:url(img/5124b14a9292d31ae5cff8e1ef7b5cf.jpg);
	 background-repeat:no-repeat;
	 background-size:cover;
	 background-attachment:fixed;
	 }

.text {
	font-size: 36px;
	color: #3F3;
	font-style: italic;
	text-align: center;
	font-family: "楷体";
	background-color:#FFC;
	margin:50px;
}

.poem {
	font-size: 36;
	color: #966;
	text-align: left;
	font-style: italic;
	font-family: "黑体";
}


a{	
	font-size:24px;
	font-style:italic;
	font-family:"黑体";
	text-align:right;
	}
	
h2{
	font-family:"微软雅黑";
	font-size:30px;
	letter-spacing:10px;
	margin:10px;
	}
	
h3{	
	margin:50px;
	font-size:20px;
	background:#FCC;
	padding:10px 10px 10px 10px;
	border:5px solid red;
	height:80px;
	width:75%;
	}

#p01{
	text-decoration:underline;
	font-family:"隶书";
	font-style:oblique;
	text-align:center;
	color:#FCC;
	}
	
#p02{
	margin:10px;
	font-size:20px;
	background:#FCC;
	padding:10px 2px 40px 25px;
	border:5px solid red;
	height:80px;
	width:75%;
	font-family:"宋体";
	color:#F03;
	}
	
#p03{
	font-size:18px;
	background:red;
	}	

.s1{box-sizing:content-box;}
.s2{box-sizing:border-box;}

div{
	padding:10px;
	margin:20px;
	border:#000;
	height:974px;
	width:974px;
	color:#FCC;
	background-size:contain;
	background-image:url(img/f3b8c1eafecf4a94136bbe39d6df631.png);
	background-repeat:no-repeat;
	border-top-style:dotted;
	border-top-color:red;
	border-top-width:medium;
	border-right-style:groove;
	border-right-color:blue;
	border-right-width:thin;
	border-bottom-style:solid;
	border-bottom-color:green;
	border-bottom-width:thick;
	border-left-style:groove;
	border-left-color:black;
	border-left-width:5px;
	border-radius:15px;
	outline:#000;
	outline-style:double;
	outline-width:5px;
	outline-offset:5px;
	}
	
ul>li{
	border:5px solid yellow;
	padding:5px;
	margin:5px;
	}
ul.mark{font-size:60px;}
ul li{border-bottom:1px solid pink;}
ul.hw{	height:100px;
		width:300px;
		}
.bdb{background-origin:border-box;}
.ctb{background-origin:content-box;}
.content-clip{background-clip:padding-box:}
.shadow{box-shadow:0px 0px 5px 10px #FCC}
span{color:#FCC;}
span.size{font-size:60px;}

ul li+li{border-top:1px dashed green;}
ul+ol{border-bottom:5px double black;}
h4+p{border:solid 1px blue;}
h4-p{background-color:red;}

<style type="text/css">
</style>

<link href="t1.css" rel="stylesheet" type="text/css">
<h1 class="text">玄奘西行的意义</h1>
<p class="poem">1.推动了佛教在中国的传播：玄奘将大量的佛经带回中国，丰富了中国佛教的文化内涵，促进了佛教在中国的传播和发展，对中国佛教史产生了深远的影响。<br />
  2.促进了中国文化的繁荣：玄奘西行期间，他所经过的国家和地区，不仅学习佛法，还学习了这些地方的文字、历史、文化等知识，这些知识的回归丰富了中国的文化内容，促进了中国文化的繁荣和多元化。<br />
  3.开创了外交交流与文化交流之道：玄奘西游的历程成为中印两国之间外交的一个重要契机，奠定了友好交往基础。他的行程也展示了中国古代人民勇于开拓、追求真理的精神，成为后世学者追寻真相、自我超越的榜样。</p>
  <p class="text" style="font-size:24px">4.彰显了对知识的追求和勇于挑战的精神：玄奘不畏艰险，长途跋涉，为了追寻佛教的真理而甘心忍受种种困难。他的精神展示了对知识的追求和对己身境界的追求，对后世人们具有启示和鼓舞作用。</p>
<p class="caption">综上所述，玄奘西游的意义不仅在于促进了中印文化交流和友谊，还在于推动了佛教在中国的发展、丰富了中国文化、开创了外交与文化交流之道，并彰显了对知识的追求和勇于挑战的精神。</p>
<h1 class="caption" id="p01">一级标题</h1>
<h2>二级标题</h2>
<a href="img/8ee3122ad2e791f97d25910b201622d.jpg" target="new">id>类>标签</a>
<h3>盒子模型边距margin 填充padding 边框border 练习</h3>
<p id="p02">高为80px，宽为100px</p>
<p id="p02" class="s1">box-sizing:content-box仅约束content,也是默认值。padding和border另算。</p>
<p id="p02" class="s2">box-sizing:border-box可以进一步约束填充和边框，宽高包含padding和border</p>
<div>
<ul id="p01" class="mark">
	<li><a href="img/3ec8d60ff34ba2613322cfbf3c22c8c.jpg" target="new"><span class="size">锦木千束</span>喝奶茶</a></li>
    <li><a href="img/465319c9b692c642ae53745318ee0e4.jpg" target="new"><span>千束</span>泷奈</a></li>
    <li><a href="img/31058ceb54b1c3b3b9a754d681f2b0b.jpg" target="new">冬日花火</a></li>
    <li><a href="img/a7d353932101fb0e71e035fb83f3cc2.jpg" target="new">花火比耶</a></li>
</ul>
</div>
<div class="bdb shadow">background-origin:border-box;阴影练习</div>
<div class="bdb content-clip"> background-origin:border-box;<br />
background-origin:content-box;</div>
<div class="ctb">background-origin:content-box;</div>
<ul id="p03">
	<li>水果<ol><li>鸭梨</li><li>苹果</li><li>香蕉</li></ol></li>
    <li>蔬菜<ol><li>萝卜</li><li>南瓜</li><li>茄子</li></ol></li>
</ul>
<ul>
	<li>蒸羊羔</li><li>蒸熊掌</li>
    <li>蒸鹿尾</li><li>烧花鸭</li>
</ul>
<ol>
	<li>烧雏鸡</li><li>烧子鹅</li>
    <li>卤猪</li><li>卤鸭</li>
</ol>
<h4>酱鸡</h4>
<p>腊肉</p><p>松花小肚</p>
<p>香肠</p><P>清蒸八宝粥</P>