1,伪类:before、 :after
- 这两个伪类都是html中无法看到的,相当于凭空变出来的。
- 二者都必须添加
display:block
、content:""
,里面的元素可以不加,也可以空格代替。 - 用途:
-
一个伪类设置,其他的子元素只要在class中加入父级元素名就可以自自动生成同样格式,减少工作量。
2,块级元素,行内元素
- 块级元素占一整行,行内元素(不能设宽高)可以display:inline-block
3,输入框边框当点击时会出现蓝色的线处理方法
- input:focous{outline:none}
4,span用法
-
span
非常类似div
。但是div
是块级元素,而span
是行内元素。
5,src url href rel
rel:relationship的英文缩写。REL属性用于定义链接的文件和HTML文档之间的关系。
href:Hypertext Reference的缩写。意思是超文本引用,href 属性的值可以是任何有效文档的相对或绝对URL,包括片段标识符和JavaScript代码段。常见的就是a标签中的。
src: 一般指的是引用外部文件的路径,像img标签中src表示图片的路径。
url: 统一资源定位符,是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL,它包含的信息指出文件的位置以及浏览器应该怎么处理它。一般就是浏览器地址栏填写的。
重点:href 和 src 的定义与区别
href和src是有区别的,而且是不能相互替换的。我们在可替换的元素上使用src,然而把href用于在涉及的文档和外部资源之间建立一个关系。
href (Hypertext Reference)指定网络资源的位置,从而在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或者关系。当我们写下:
<link href="style.css" rel="stylesheet" />
浏览器明白当前资源是一个样式表,页面解析不会暂停(由于浏览器需要样式规则去画或者渲染页面,渲染过程可能会被被暂停)。这与把css文件内容写在<style>标签里不相同,因此建议使用link标签而不是@import来吧样式表导入到html文档里。
src (Source)属性仅仅 嵌入当前资源到当前文档元素定义的位置。当浏览器找到
<script src="script.js"></script>
在浏览器下载,编译,执行这个文件之前页面的加载和处理会被暂停。这个过程与把js文件放到<script>标签里类似。这也是建议把JS文件放到底部加载的原因。当然,img标签页与此类似。浏览器暂停加载直到提取和加载图像。
6,border-radius:有四个值
- border-radius:作用是设置边框圆角。
- border-radius:1px(左上角) 2px(右上角) 3px(右下角) 4px(左下角)
7,position:absolute
- 如果定位选择
absolute
,想要针对某一元素进行定位(当该元素位置发生改变,此元素也相应变化)则在其想针对的元素加position:relative
。
8,负margin
待补充。。。
9,以下为建立路径所使用的几个特殊符号,及其所代表的意义
.:代表目前所在的目录,相对路径。 如:<a href="./abc">文本</a>或[站外图片上传中……(3)]
..:代表上一层目录,相对路径。 如:<a href="../abc">文本</a>或[站外图片上传中……(4)]
../../:代表的是上一层目录的上一层目录,相对路径。 如:[站外图片上传中……(5)]
/:代表根目录,绝对路径。 如:<a href="/abc">文本</a>或[站外图片上传中……(6)]
D:/abc/:代表根目录,绝对路径。
在使用相对路径时,我们用符号“.”来表示当前目录,用符号“..”来表示当前目录的父目录。