第一周的笔记

第一周的笔记

​
background-color背景颜色
background-image图片
background-repeat是否平铺
background-attachment背景图像是否固定或者随着页面的其余部分滚动。
background-position图片位置
text-align:center 、left、right文本居中,左，右

• {
  margin: 0;
  padding: 0;
  } 清楚浮动

内容：
RGBA–A是透明度
action提交地址（需要提交到那个地方去）
method提交方式（表单的提交方式）
submit提交按钮

  <a href=""style="text-decoration: line-through;">1111</a>

    none默认，定义文本
    undline定义文本下一条线
    overline定义文本上一条线
    line-through定义穿过文本下的一条线 

文本转换大小写：

   text-transfrom:lowercase转小写

   text-transfrom:uppercase转大写

text-indent首行缩进

字体：

   font-style字体倾斜
   font-size字体大小
   font-family字体样式，宋体，微软雅黑
   font-weight字体的粗细bold或数字

px em和百分比有什么区别
px是固定单位
em和百分比是不固定单位，字体大小由浏览器决定
链接（伪类） ：

a:link {color:#000000;} /* 未访问链接*/
a:visited {color:#00FF00;} /* 已访问链接 /
a:hover {color:#FF00FF;} / 鼠标移动到链接上 / a:active{color:#0000FF;} / 鼠标点击时 */ -->
<buttontype=“button”>按钮
button按钮

列表：

list-style:none取消列表样式
list-style: circle;无序列表
list-style: square;有序列表
list-style: upper-alpha;自定义列表
（list-style-type是具体的，list-style是全部的）

表格：

table表格
border边框
cellspacing单元格之间的距离
cellpadding边框和内容之间的距离
colspan合并列，rowspan合并行

盒子模型：
标准盒子模型（box-sizing: content-box;）
IE盒子模型|怪异盒子模型 （box-sizing: border-box;）

边框:

border-style:边框线样式
border-上下左右-style
solid实线
dashed虚线
dotted点线
double双实线
边框宽度:border-width-border-上下左右-width
边框颜色：border-color
单独一条边：border-top

outline轮廓样式
margin外边距

margin-top
margin-left
margin-right
margin-bottom
margin:上 右 下 左;
margin:上 右左 下;
margin:上下 右左;
margin:上下右左;
padding:上 右 下 左;
padding:上 右左 下;
padding:上下 右左;
padding:上下右左;

display：属性规定元素应该生成的框的类型。

isplay:none 隐藏，不占位置
Visibility: hidden;隐藏，占位置
opacity:0;透明度，隐藏，占位置
color: transparent;颜色为无色

兼容:

-khtml-苹果浏览器
-webkit-opacity兼容谷歌浏览器
-o-opacity兼容Opera浏览器
-moz-opacity兼容火狐浏览器
-ms-兼容IE，普通样式属性

定位：
static默认值
relative相对定位,相对浏览器定位，不脱离文档流
fixed固定定位
absolute绝对定位，脱离文档流，寻找父级是否有相对定位，
如果有根据父级定位，如果没有找到会忘父级的父级寻找，
直到浏览器，才会根据浏览器定位
sticky粘性定位

overflow溢出时
overflow: hidden;溢出隐藏
visible默认值
scroll内容超过固定区域会出现滚动条
auto内容超出固定区域出现滚动条否则不出现
overflow-x: hidden;隐藏横向滚动条
overflow-y: hidden;隐藏纵向滚动条

后代选择器(以空格 分隔)
所有子元素选择器(以大于 > 号分隔）
相邻兄弟选择器（以加号 + 分隔）
所有普通兄弟选择器（以波浪号 ～ 分隔）