HTML css基础

》HTML水平线 ------------<hr/>

》图像标签<img>和源属性

  图像由 <img>定义，是空标签，只包含属性，没有闭合标签。

  源属性 src，指“source”，是图像的URL地址。

 》无序列表

   <ul>

      <li> ......</li>

      <li> ......</li>

      <li> ......</li>

   </ul>

   有序列表

<ol   start="20">  //  start=“20”  这样的输出序号是从20开始的。

          <li>......</li>

          <li>......</li>

          <li>......</li>

</ol>

》HTML头部元素

》

》CSS文本

--text-indent 属性  元素缩进。

--text-align:center   段落居中

--text-transform:uppercase--------所有 h1 元素变为大写。不必单独地修改所有 h1 元素的内容，只需使用 text-transform 为你完成这个修改

或者 lowercase.或者text-transform: capitalize，可以使文字的首字母全部大写。

而文本颜色或者背景颜色直接使用 color 以及 backgroundcolor 定义即可。

》CSS定位

DIV 、H1、table 、td、ul 、li 或者P 等元素属于块级元素。这意味着这些元素显示为一块内容，即“块框”。与之相反的号是，Span, strong等元素为“行内元素”。

三种基本的定位机制：普通流，浮动和绝对定位。

CSS相对定位：它将出现在他所在的位置上，然后可以通过设置垂直或者水平位置，让这个元素相对于起点进行移动。

#box_relative {  position: relative;  left: 30px;  top: 20px;}

CSS绝对定位

#box_relative {  position: absolute;  left: 30px;  top: 20px;   //-----PS：不同的声明要使用分号，因为浏览器会忽略空白符------}

CSS 的 CLASS 选择器

.important {color:red;}

对于不同的类的值相同时，可以

p.important {color:red;}h1.important {color:blue;}

注：这种不会发生在 ID 选择器中，因为ID 不能有相同的。