JavaScript学习笔记2

声明引入css文件  link

浮动  float 浮动的不占用空间

/* 子代选择器  #menu<li    所有的子类 #menu li*/

#menu>li{

/* 边框 */

border: 1px solid #FF4500;

float:left;

/* 设置内边距 四个值顺序为上右下左 三个值的顺序为上 左右 下  两个值代表上下 左右  一个值表示全都是那一个*/

padding: 10px 20px 30px 40px;

padding: 10px 25px;

width: 100px ;

position: relative;

}

/* 放上鼠标变色 */

#“ ID”>li:hover{

background-color: #FF4500;

}

/* 去掉前面的“·” */

ul,ol,li{

list-style: none;

margin:0;

padding: 0;

}

定位 position : absolute

obsolute  绝对定位      参照物是第一个非static定位的父组件，如果找不到，参照物就是html  不占空间

 relative  相对定位      参照物自身原来的空间  占原来的空间

 fixed     窗口定位      参照物是窗口  不占空间

 static    流布局不定位

 -->

 <!-- 参照物是谁  是否占空间 -->

<!-- 盒模型   padding  margin  border -->

<!-- 相邻组建的margin 下面的margin会失效 -->