效果:代码:<!DOCTYPEhtml><html><head> <title>js实现下拉列表</title> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <styletype="text/css"> *{margin:0px;padding:0px} .nav{background-color:#eee;widt..
分类:
Web程序 时间:
2016-07-22 16:15:35
阅读次数:
211
效果:代码:<!DOCTYPEhtml><html><head> <title>JQuery实现下拉菜单</title> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <styletype="text/css"> *{margin:0px;padding:0px} .nav{background-color:#eee;..
分类:
Web程序 时间:
2016-07-22 16:14:14
阅读次数:
200
效果:<!DOCTYPEhtml><html><head> <title></title> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <styletype="text/css"> *{margin:0px;padding:0px} .nav{background-color:#eee;width:600px;height:40px..
分类:
Web程序 时间:
2016-07-22 14:45:21
阅读次数:
151
张鑫旭的一篇文章,讲到20像素图标对齐和表单元素40像素对齐有所收获,谢谢@张鑫旭 ,很多观点跟平时的处理方式不谋而合,一般来说,我处理图标如果临近的话都会使用同样宽高,然后使用inline-block比较多,表单输入框和按钮以line-height:21-22为准。然后超出的用padding来补充 ...
分类:
Web程序 时间:
2016-07-21 18:00:35
阅读次数:
267
一、简介 CSS 盒子模型(元素框)由元素内容(content)、内边距(padding)、边框(border)、外边距(margin)组成。 盒子模型,最里面的部分是实际内容;直接包围内容的是内边距;内边距的外边缘是边框;边框之外的是外边距。 内边距呈现了元素的背景;外边距默认是透明的,所以不会遮 ...
分类:
Web程序 时间:
2016-07-21 12:49:55
阅读次数:
214
一、margin可以为负值 在盒模型中,内容区的width/height、padding、border都不能为负值,但是margin例外,它可以为负值。 关于margin负值的使用技巧,了解不多,日后有机会再补充,此处先贴一个经典应用,margin-left负值结合浮动实现不改变DOM结构的流体布局 ...
分类:
Web程序 时间:
2016-07-21 06:23:32
阅读次数:
263
盒模型 一、盒子中的区域 一个盒子中主要的属性就5个:width、height、padding、border、margin。 width是“宽度”的意思,CSS中width指的是内容的宽度,而不是盒子的宽度。 height是“高度”的意思,CSS中height指的是内容的高度,而不是盒子的高度 pa ...
分类:
其他好文 时间:
2016-07-20 21:31:11
阅读次数:
205
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0; } ul,li{ list-style: none } #di ...
分类:
编程语言 时间:
2016-07-20 15:00:29
阅读次数:
151
盒子是CSS中的基础概念,我们需要使用它来配置元素的外观以及文档的整体布局。 1. 为元素应用内边距 应用内边距会在元素内容和边距之间添加空白。我们可以为内容盒的每个边界单独设置内边距,或者使用 padding 简写属性在一条声明中设置所有的值。 如果使用百分数值指定内边距,百分数总是根包含块的宽度 ...
分类:
Web程序 时间:
2016-07-19 20:50:33
阅读次数:
207
<!--css部分--> <style> *{ margin: 0; padding: 0; } ul,li{ list-style: none } .tabbox{ width: 600px; clear: both; overflow: hidden; margin: 0 auto; borde ...
分类:
编程语言 时间:
2016-07-19 16:52:39
阅读次数:
214