CSS的浮动(float)
摘要:问题:在练习过程中,发现div1浮动后,它下面的div被覆盖住了。解决方案:清除该div1的浮动。关于CSS的浮动1.div是块级元素,独占一行2.浮动可以理解为让某个div元素脱离标准流,漂浮在标准流之上,和标准流不是一个层次3.让两个div并排放,给两个div都加上float,但是如果两个div...
阅读全文
Web标准:九、CSS表单设计
摘要:Web标准:九、CSS表单设计知识点:1.改变文本框和文本域样式2.用图片美化按钮3.改变下拉列表样式4.用label标签提升用户体验1)改变文本框和文本域样式文本框标签:给这些文本框增加css样式,改变他们的样式:最终显示效果如下:文本域标签:网站建设教程rows设置显示的行数,cols设置显示的...
阅读全文
Web标准:八、下拉及多级弹出菜单
摘要:Web标准:八、下拉及多级弹出菜单知识点:1.带下拉子菜单的导航菜单2.绝对定位和浮动的区别和运用3.CSS自适应宽度滑动门菜单1)带下拉子菜单的导航菜单带下拉子菜单的就是在一级导航下加一个二级菜单。这个在上一节第七节课上我已经做出来了,这里就不再写了。再重温一下注意点:如果要在一级菜单下增加二级菜...
阅读全文
Web标准:七、横向导航菜单
摘要:Web标准:七、横向导航菜单知识点:1.横向列表菜单2.用图片美化的横向导航3.css Sprites1)横向列表菜单可以在第四节课的基础上来实现横向导航菜单,只要给li一个float:left;即可。注意:如果要在一级菜单下增加二级菜单,二级菜单需要加一个float:none;来去掉浮动,否则二级...
阅读全文
Web标准:六、html列表
摘要:Web标准:六、html列表知识点:1.ul无序和ol有序列表2.改变项目符号样式或用图片定义项目符号3.横向图文列表4.浮动后父容器高度自适应5.IE6的双倍边距bug1)ul无序和ol有序列表无序列表:是以ul包含li的形式,默认每行前的符号是圆点,可通过样式改为无、方块、空心圆等。有序列表:是...
阅读全文
Web标准:五、超链接伪类
摘要:Web标准:五、超链接伪类知识点:1.链接的四种样式2.将链接转换为块状3.用css制作按钮4.首字下沉1)链接的四种样式超链接有四个伪类,分别是:a:link未访问的链接a:visited已访问的链接a:hover鼠标移动到链接上a:active选定的链接之所以称之为伪类,也就是说他不是一个真实的...
阅读全文
a标签伪类的LOVE HATE原则
摘要:a标签伪类的LOVE HATE原则a标签有四个伪类,分别是:a:link未访问的链接a:visited已访问的链接a:hover鼠标移动到链接上a:active选定的链接遇到的问题:访问过的链接,始终显示点过的样式,鼠标滑过或者点击时都不会有样式变动,具体css样式如下:查询后知道a标签伪类有一个排...
阅读全文
Web标准:四、纵向导航菜单及二级弹出菜单
摘要:Web标准:四、纵向导航菜单及二级弹出菜单知识点:1.纵向列表2.标签的默认样式3.css派生选择器4.css选择器的分组5.纵向二级列表6.相对定位和绝对定位1)纵向列表可以看出该列表四周都有很大的空隙,且每一行前面都有一个点,这是因为标签默认样式造成的,下面我们创建样式表时把列表的默认样式去掉。...
阅读全文