前端学习 陌生知识点

1.img类型 中的alt 和title属性

<img src="csdn.jpg" alt="当csdn.jpg显示不出来的时候，显示这段文字" title="当图片正常显示的时候，鼠标挪到图片上显示的文字" />

2.文件中的三种路径    以index.html的位置为基础

相对路径分类	符号	说明
同一级路径		图像文件位于HTML文件同一级 如<img src="csdn.gif" />
下一级路径	/	图像文件位于HTML文件下一级 如<img src="images/csdn.gif" />
上一级路径	../	图像文件位于HTML文件上一级 如<img src="../csdn.gif" />

3.超链接标签

语法格式   <a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

target中  _self为默认值  _blank为在新窗口中打开方式

href中

外部链接   href="http://www.baidu.com"

内部链接   href="index.html"

空链接       href="#"

下载链接   如果href里面地址是一个文件或者压缩包，会下载这个文件

网页元素链接    <a href="http://www.baidu.com"><img src="img.jpg"/></a>

锚点链接(同一个页面中定位对应地方)  href中，属性值为#名字 <a href="#two">第二集</a>

                                                           目标位置标签，id属性=名字 <h3 id="two">第二集介绍</h3> 

4.特殊字符

5.表格标签

 <table>

<thead><tr><th>表头1</th><th>表头2</th></tr></thead>

<tbody><tr><td>内容1</td><td>内容2</td></tr></tbody>

</table>

合并单元格

跨行 <td rowspan="跨行合并的个数"></td>

跨列<td colspan="跨列合并的个数"></td>

6.Emmet语法

  6的例子  .demo$*5

7.后代样式选择器

 例如  <style>ul li {color:red;} </style>

例如.nav>a{} 

并集选择器用逗号连接    例如p,a,.pig li{color:red;}    则为p和a和pig中的li标签中颜色均为红色

8.CSS伪类选择器

 例如a:link{color:red;}

为了确保生效，请按照LVHA的顺序声明 :link   :visited  :hover  :active

9.块元素

10.行内元素

转换为块元素   display:block;

 

转换为行内元素  display:inline; 

 

转换为行内块 display:inline-block;     行内块元素特点：一行可以放多个，且可以调整高度宽度

 文字居中CSS

11.背景图平铺问题

 

背景 整体一起写

 

12.CSS 中的优先级问题

 13.box

14.table边框合并

15.padding会在原来盒子的基础上增大相应的尺寸

padding整体一起写