-
cursor:pointer; 鼠标由箭头变为手掌,代表可以点击。
*{
padding:0;
margin:0;
} /*消除边距*/
三级目录展示方式: 一级目录固定定位,二级目录相对定位,三级目录绝对定位。
先让三级栏目隐藏。
.list3{ display:none;}
当鼠标移动到二级栏目li上,三级栏目变成块。
li:hover .list3{ display:block;}
查看全部 -
元素脱离文档流之后,将不再在文档流中占据空间,而是处于浮动状态(可以理解为漂浮在文档流的上方)。脱离文档流的元素的定位基于正常的文档流,当一个元素脱离文档流后,依然在文档流中的其他元素将忽略该元素并填补其原先的空间。查看全部
-
设计网页主要内容的图片:应该直接用内联元素img(只要屏幕够大,就不会挤压到下一行)相邻,如果只使用块级(独占一行)就不行查看全部
-
position:relative; right:50px; (原来left为0 right默认为100px 相对的 向左移了50) 相对定位是相对于(0,0)元素默认位置进行定位查看全部
-
好查看全部
-
z-index可以设置元素的叠加顺序,但是要依赖定位属性
z-index大的元素会覆盖z-index小的元素
z-index为auto的元素不参与层级比较
z-inde为负值,元素被普通流中的元素覆盖
查看全部 -
后写的元素的层级大于先写的元素的层级,就是新元素的样式会覆盖在旧元素的上面。
查看全部 -
布局方式:
1.标准流2.浮动布局
3。定位布局
4.弹性布局
查看全部 -
position中的五个可选参数
查看全部 -
常见块级元素:div,H1~H6,table,p,ol,ul,li
常见内联元素:a,span,img,input
查看全部 -
number可以设置层级大小 number数字越大则其层级级别越大
查看全部 -
就好好查看全部
-
postion中的可选参数
static 标准文档流,默认设置的值
relative 相对于自己原来的位置进行定位
absolute 相对于父类元素(非static)进行定位。父类元素需要是absolute或者relative。
fixed 相对于窗口进行定位。
inherit继承父元素的定位。
查看全部 -
HTML中的三种布局方式
标准流
浮动
定位
查看全部 -
z-index 描述
查看全部
举报