HTML——三

属性

background：           背景

      .div1 {
      	width: 200px;
      	height: 200px;
      	background:#0f0;
      }

text-indent:40px；                             首行缩进（属性）
font-weight:bold（er）;                     整行加粗(进一步加粗——对于bold无效，bold是最大的了粗度了)
font-weight:100/200/300/.......900;     400就是正常normal，900就是bold
font_weight:normal;                          正常
————————————————————————————————————————————————————————————————————
       .qq1 {
    	  	font-weight:bold; 
    	  }
    	  .qq2 {
    	  	font-weight:bolder;
    	  }
    	  .qq3 {
    	  	font-weight: 100/200/300/400/500/600/700/800/900;
    	  }
    	  .hh1 {
    	  	font-weight: normal;
    	  }

标签

    u标签                         下划线
    i 、em标签                  斜体
    s标签                          中间一条删除线（无用的文本）
    del                              中间一条删除线  (删除的文本)
    b、strong标签            加粗
    span（行元素）          代表网页中插入小块内容的容器，不会改变结构
    div                             代表网页中放置大块内容的容器

列表：

无序列表、有序列表、定义列表

<ul>
<li> <li>
<li> <li>
</ul>    square 方形  circle空心圆   默认就是实心圆dist       type=“square  circle  dist”

<ol> 
 <li> <li>
<li> <li> 
</ol>    a 、A、 i  、I      默认是1.2.3                                    type="a 、A 、i 、I"

<dl>
<dt>定义<dt>
<dd>解释<dd>
</dl>



	         无序列表：
	    <ul>
	    	  <li>中国</li>
	    	  <li>美国</li>
	    	  <li>日本</li>
	    	</ul>
	    	<ul type="dist">
	    	  <li>中国</li>
	    	  <li>美国</li>
	    	  <li>日本</li>
	    	</ul>
	    	<ul type="circle">
	    	  <li>中国</li>
	    	  <li>美国</li>
	    	  <li>日本</li>
	    	</ul>
	    	<ul type="square">
	    	  <li>中国</li>
	    	  <li>美国</li>
	    	  <li>日本</li>
	    	</ul>
	    	有序列表：
	    	<ol>
	    	  <li>中国</li>
	    	  <li>美国</li>
	    	  <li>日本</li>
	    	</ol>
	    	<ol type="A">
	    	  <li>中国</li>
	    	  <li>美国</li>
	    	  <li>日本</li>
	    	</ol>
	    	<ol type="a">
	    	  <li>中国</li>
	    	  <li>美国</li>
	    	  <li>日本</li>
	    	</ol>
	    	<ol type="i">
	    	  <li>中国</li>
	    	  <li>美国</li>
	    	  <li>日本</li>
	    	</ol>
	    	<ol type="I">
	    	  <li>中国</li>
	    	  <li>美国</li>
	    	  <li>日本</li>
	    	</ol>
	    	定义列表：
	    	<dl>
	    		<dt>计算机</dt>
	    	    <dd>他是用于进行高精度计算的机器。</dd>
	    	</dl>
	
————————————————————————————————————————
li {
	  	list-style:none; 
	  }
list-style:none;                                   去掉列表前面的符号

超链接a标签

 1.<a href="https://www.taobao.com" target="_blank">我要去淘宝</a>
    
        
        target  ：<a> 标签的 target 属性规定在何处打开链接文档。
       
    
     - _blank 打开一个未命名的新窗口（重复打开新的网页）
    
      
    
     - new打开一个已命名的新窗口（打开一个新的网页）
    
        
    
     - _self：在自身窗口的打开，和默认一样
    
  
     
        2. <a>标签也可以作为一个锚点使用,具体使用方法为:
<a name="mao">锚点</a>	先设置一个锚点,a标签内属性有name.
然后在这个网页的最底部写一个<a>标签,标签内的href属性的值写"#mao"
当鼠标点击后面这个a标签包裹的内容时,会自动跳转到上面设置的锚点的地方. 
        <a id="hui"name="hui" ></a>
        <a href="#hui">回到顶部</a>

放背景图片

background
no-repeat是设置图片不重复
repeat-x
repeat-y

body{
	background: url(3.jpg) no-repeat;
	background-size: cover;尺寸全覆盖
    /*background: url(3.jpeg) no-repeat;*/
    /*background: url(3.jpeg) repeat-y;*/
    /*background: url(3.jpeg) repeat-x;*/
    }


div里面 {background:url(image/wan.jpg) no-repeat left 12px;}
意思：
background:url(image/wan.jpg)--------- 背景图片：url（图片的路径）
no-repeat -------不重覆平铺
left 12px-------图片定位于 当前定位点的左边，距离顶部12像素的位置

其他：

shift+tab前进  ；tab后退
shift+7  符号  &
` `特殊符号空一格

    
        <p class="tit1">&nbsp;&nbsp;&nbsp;&nbsp;青年一代有理想、有本领、有担当，<u>国家</u>就有前途，民族就有希望。实现中华民族伟大复兴的中国梦，离不开一代代青年的接力奋斗。希望你们弘扬留学报国的光荣传统，胸怀大志，刻苦学习，早日成长为可堪大任的优秀人才，把学到的本领奉献给祖国和人民，让青春之光闪耀在为梦想奋斗的道路上。</p>