》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 不能有相同的。