-
float将垂直菜单转变成水平菜单.查看全部
-
margin-top:-10px;能往反方向移动,即向上移动10像素。margin-bottom:10px只是设置下边距,不会往相反方向移动。查看全部
-
背景图片沿y轴向上移动30px(水平方向不动) background-position:0 30px;查看全部
-
水平导航制作:去掉ul原点-list-style:none;垂直导航变成水平导航:float:left;对齐:text-align:center。查看全部
-
<a>标签变成块元素:display;block; text-decoration:none;a标签消除下划线 a:hover 当鼠标位于超链接之上时 文字缩进:text-indent:20px;查看全部
-
鼠标滑过特效:a:hover{background-color:#F30;color:#fff}查看全部
-
水平方向伸缩的菜单待学习,另外第五六章的练习也没有做,待研究查看全部
-
margin-top:-10px;能往反方向移动,即向上移动10像素。margin-bottom:10px只是设置下边距,不会往相反方向移动。-号的作用基本就是往相反的方向移动。 通常人们很少使用负margin但随后你会了解到,它能做很多东西,下面是几条有关负margin需要注意的地方: 负margin是W3C认准的CSS是绝对标准的。W3C甚至标注过:对于margin属性来说,负值是被允许的。 负maring不是一种hack,不能因为缺乏对负marign的理解,就认为它是一种hack方法。除非你是用来修复自己在其他地方造成的错误。 不脱离文档流不使用float的话,负margin元素是不会破坏页面的文档流。所以如果你使用负margin上移一个元素,所有跟随的元素都会被上移。 完全兼容所有现代浏览器都完全支持负margin(IE6在大多数情况下也支持)。 浮动会影响负margin的使用。查看全部
-
菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高。查看全部
-
内联块状元素(inline-block)就是同时具备内联元素、块状元素的特点,代码display:inline-block就是将元素设置为内联块状元素。(css2.1新增),<img>、<input>标签就是这种内联块状标签。 inline-block 元素特点: 1、和其他元素都在一行上; 2、元素的高度、宽度、行高以及顶和底边距都可设置。 内联元素特点: 1、和其他元素都在一行上; 2、元素的高度、宽度及顶部和底部边距不可设置; 3、元素的宽度就是它包含的文字或图片的宽度,不可改变。查看全部
-
22222查看全部
-
基本的样式清除: *{margin:0;padding:0} 无序列表圆点去除: ul{list-style:none} 下划线去除: a{text-decoration:none} 文本缩进标签 text-indent 不会影响总体宽度(padding会) 需要将a标签设置为块元素,才能设高宽、hover效果 代码:a{display:block} hover格式 a:hover{}查看全部
-
伸缩菜单:改变高度 文字竖直居中:line-height:40px 向上移动像素:margin-top:-10px查看全部
-
背景图片沿y轴向上移动30px(水平方向不动) background-position:0 30px;查看全部
-
水平导航制作:去掉ul原点-list-style:none;垂直导航变成水平导航:float:left;对齐:text-align:center。查看全部
举报
0/150
提交
取消