web相关基础知识1
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-空心小圆圈 ) 注意是type而不是 style
<ol type=”1″> (有序的type可以是很多种,字母,数字,罗马数字)
自定义列表:<dl>
<dt>帮助中心<dt> 小标题
<dd>账户管理<dd> 内容
<dd>购物指南<dd> 内容
</dl>
音乐标签:<embed src=”” hidden=true>
滚动标签:<marquee></marquee> 滚动标签;不推荐使用,自己亲测也发现不能使用ID或者class用层叠样式表来控制。
<table>
属性:cellspacing-用来表示单元格之间的间隙,值是数字,表示像素点。cellpadding-用来表示单元格内文字和单元格四周的距离,值是数字。两个属性添加到table标签上面。
width=”400″,或者是用style=”width:400px”
如果直接给表格用align=”center” 表格居中
如果给tr或者td使用 ,tr或者td内容居中。
bgcolor=”red” 背景颜色。
表格的合并,采用rolspan控制对横着的控制合并,采用rowspan控制对竖着的合并。针对于td
<tr>:属性 :valign=“top”设置这一行的内容是水平靠上还是靠下,align=“left”表示水平方向上靠左还是靠右。
设置页面icon图标:
表单
关于H5新标签:
关于CSS
选择器
通配符选择器 * { } 对页面所有的元素都应用这个样式。(不推荐使用,因为每次遇到一个标签都会应用这个样式,增加网页负担。解析力度大)
交集选择器 span.demo { } 既要满足使用了某个标签,又要调用了类选择器或者是ID选择器,两个条件都要满足,用在比如说class属性都相同,但是针对不用的标签应用样式。其中标签和类或者ID之间不能有空格,
子代选择器和后代选择器:后代选择器首先是标签和类或者ID之间是有空格的,子代选择器
并集选择器 各标签或者是ID或者是类,使用逗号隔开,互相之间不影响
文本元素
1.1 属性
line-height: 行高