前端基础复习内容

前端基础复习内容

盒模型
name：表单提交项的按键
value：表单提交项的值
checked：radio和Checkbox默认被选中
readonly：只读.text和password
disable：对所用的input类都可用

src和href区别：
src一般指向外部资源的位置，用于替换当前元素，比如js脚本，图片等元素

href指向网络资源所在位置，用于在当前文档和引用资源间确定关系，加在css

		css的引入方式有几种：导入试、嵌入式、行内式、链接试

选择器：
基本选择器：标签选择器、类选择器、ID选择器、基本选择器、通用选择器
组合选择器：后代选择器（以空格为分隔）、子元素选择器（儿子选择器）（以>分割）
兄弟选择器：（以~分割）

		**属性选择器**：ID class
		
		**分组选择器**：在多个选择器之间用逗号（，）分割，例如div.p{}
		
		**伪类选择器** ：
		没有访问的超链接a标签样式a：link
		访问过的超链接a标签样式a：visited（）
		鼠标悬浮a：hover{}
		鼠标点击a：active{}
		获取焦点：input：focus{}
		**标签**：
		单标签：link、input、img、br、meta。。。
		双标签：div、a、h1-h6、p、span、table、form、ul、ol、li、td、tr
		
		img：主要属性
		src：显示图片路径地址
		alt：图片没有加载成功时提示显示内容
		title：鼠标悬浮时提示信息
		注意：
		一个ID多个class
		ID权重比class高

CSS定位：
CSS相对定位：
如果将 top 设置为 20px，那么框将在原位置顶部下面 20 像素的地方。如果 left 设置为 30 像素，那么会在元素左边创建 30 像素的空 间，也就是将元素向右移动。
#box_relative {
position: relative;
left: 30px;
top: 20px;
}
CSS绝对定位：
绝对定位使元素的位置与文档流无关，因此不占据空间。这一点与相对定位不同，相对定位实际上被看作普通流定位模型的一部分，因为元素的位置相对于它在普通流中的位置。
#box_relative {
position: absolute;
left: 30px;
top: 20px;
}
CSS内外边距：
CSS内边距：
CSS padding 属性定义元素的内边距。padding 属性接受长度值或百分比值，但不允许使用负值。
如果您希望所有 h1 元素的各边都有 10 像素的内边距，只需要这样：
h1 {padding: 10px;}
您还可以按照上、右、下、左的顺序分别设置各边的内边距，各边均可以使用不同的单位或百分比值：
h1 {padding: 10px 0.25em 2ex 20%;}
CSS外边距：
设置外边距的最简单的方法就是使用 margin 属性。
margin 属性接受任何长度单位，可以是像素、英寸、毫米或 em。
margin 可以设置为 auto。更常见的做法是为外边距设置长度值。下面的声明在 h1 元素的各个边上设置了 1/4 英寸宽的空白：
h1 {margin : 0.25in;}
下面的例子为 h1 元素的四个边分别定义了不同的外边距，所使用的长度单位是像素 (px)：
h1 {margin : 10px 0px 15px 5px;}
与内边距的设置相同，这些值的顺序是从上外边距 (top) 开始围着元素顺时针旋转的：
margin: top right bottom left
另外，还可以为 margin 设置一个百分比数值：
p {margin : 10%;}