web前段基础2

font-size:12px;  一般都为偶数，至少为12px

font-family:微软雅黑，宋体；中文默认的字体为宋体，跟逗号的话意思就是前一个字体不解析就会解析后面的字体；

color:red;控制文字颜色，颜色值可以是#ffffff这种类型的，也可以类似rgb(165,26,59)这种类型的30px

line-height:30px;行高，文字大小加双侧的距离等于行高，当行高等于盒子大小使，文字垂直居中，

text-align：center;文本对其方式；当text-align为center时，文字水平居中；

text-indent：32px;缩进两个字符，上面一个字的大小为16px，所以两个字为32px；也可以直接写成text-indent:2em；也代表缩进两个字符；1em代表一个字符；

font-weight：bold;文字加粗；当值为normal时，为正常字体；

font-style:italic;    文字样式，italic表示文字为斜体；当值为normal时，为正常样式；

text-decoration:underline;  文本修饰，当值为underline时表示给文字添加下划线，当值为overline时表示给文字增加上划线，当值为

line-through时表示给文字增加删除线或者中间线。当值为none时，表示去掉文本修饰。

letter-spacing:10px;表示字母间距为10px，

word-spacing:10px;表示单词间距，以空格为解析单位。

<img   src="1.png"  alt="haha"/>   img是单标签，当图片找不到或者不显示是提示alt的值，同时alt是供搜索引擎识别

<a  href="#"  target=_blank></a>  当鼠标划过时，网页右下角会提示链接信息，鼠标会变为手指。

当href的值为一个网页地址时，点击a标签为跳转到该网页。target的值为_blank时，表示在新的页面打开此链接，当target的值为_self时,表示在当前页面打开此链接。

在head标签中添加<base   target="_blank">  表示定义该网页的所有a标签的默认打开方式为在新的窗口打开。

当href的值为一个文件的地址时，a标签点击时就会变成下载。

<a  href="#hyy1" ></a> 当href的值为一个元素的id时，a标签点击时就变成锚点，点击a标签会跳到该id的元素对应的内容

总结a标签有链接、下载、锚点的作用。

<h1>~<h6>都表示为标题标签，其中字体大小依次减小

<p>标签为段落标签

<strong></strong>表示强调，显示的字体为粗体

<em></em>也表示强调，强调的语气没有strong强，显示的字体为斜体。

<span></span>用来区分样式，例如当一段文字里面有部分文字字体颜色不一样时，可给不一样的文字加span标签，然后单独设置样式。

<ol>

<li></li>

<li></li>

</ol>

ol为有序列表

<ul>

<li></li>

<li></li>

</ul>

ul为无序列表

<dl>

<dt>定义列表标题</dt>

<dd>定义列表项</dd>

<dd>定义列表项</dd>

</dl>

dl为定义列表

seo 搜索引擎优化：

部分方法：（1）页面标签语义化

                  （2）使用对seo有利的标签h1\h2\h3\strong\em等等

                  （3）提高页面关键词密度

sem:搜索引擎营销（包含seo）；