web相关基础知识

2017-12-13 09:47:11

　　　关于HTML

　　　　1.绝对路径和相对路径

 　　 相对路径：相对于文件自身为参考。 （工作中一般是使用相对路径）

　　这里我们用html文件为参考。如果说html和图片平级，那直接使用src

　　如果说图片在和html平级的文件夹里面，那么使用文件夹/图片

　　如果说图片在html的上一级文件中，使用../图片，或者在上级文件夹的子文件夹里面，使用../ppt/图片 （但是要保证在同一个项目中）

　　 绝对路径：从盘符开始，C:\windows\system32\cmd.exe

　　　　2.相关的标签

　　<strong> 加粗标签              <em> 文本倾斜标签          <del>删除线标签           <ins> 下划线标签

　　<a >   (其中的target属性，默认是_self，可以不写，指关闭自身页面打开新页面，_blank在新页面中打开，自身页面保留)

空标签：  <a href="#">

也可以用于压缩包的下载     （不推荐）

锚点    可以在页面的某个地方设置锚点，然后用可以使得点击回到设置锚点的地方。

　　<ul type="square">用于修改列表的前面的小图标展示。(square-小方块  disc-实心小圆圈   circle-空心小圆圈 )

<ol type="1">   （有序的type可以是很多种，字母，数字，罗马数字）

自定义列表：<dl>                                                                    

　　　　　　<dt>帮助中心<dt>   小标题

                    <dd>账户管理<dd>   内容

　　　　　　<dd>购物指南<dd>  内容                                

　　　　　　</dl>

  　　　音乐标签：<embed src="" hidden=true>　

　　　  滚动标签：<marquee></marquee>  滚动标签；

　　　  ！+tab  新生成html5标签

  　　　<table> ：关于快速建立表格的方法，比如说我们要建立三行四列的表格，那么输入table>tr*3>td*4  再按tab键就OK

属性：cellspacing-用来表示单元格之间的间隙，值是数字，表示像素点。cellpadding-用来表示单元格内文字和单元格四周的距离，值是数字。

width="400"，或者是用style="width:400px"

　　　　<tr>:属性 ：valign=“top”设置这一行的内容是水平靠上还是靠下，align=“left”表示水平方向上靠左还是靠右。

 　　关于CSS

选择器 

　　通配符选择器  * { }  对页面所有的元素都应用这个样式。（不推荐使用，因为每次遇到一个标签都会应用这个样式，增加网页负担。解析力度大）

　　交集选择器   span.demo { }   既要满足使用了某个标签，又要调用了类选择器或者是ID选择器，其中标签和类或者ID之间不能有空格