用JavaScript做了平滑切换的焦点轮播图之后,用jQuery写了个简单的淡入淡出的轮播图,代码没有做优化,html结构稍微有一些调整,图片部分用ul替换了之前用的div。 html结构如下: css设置: *{ margin: 0; padding: 0; text-decoration: n ...
分类:
Web程序 时间:
2016-08-03 11:52:46
阅读次数:
340
1、什么是盒子模型? 在网页中,一个元素占有空间的大小由几个部分构成,其中包括元素的内容(content),元素的内边距(padding),元素的边框(border),元素的外边距(margin)四个部分。这四个部分占有的空间中,有的部分可以显示相应的内容,而有的部分只用来分隔相邻的区域或区域。4个 ...
分类:
Web程序 时间:
2016-08-03 01:33:04
阅读次数:
579
1.PNG在IE6下不兼容。 2.IE6下不能对图片设置行高。 解决办法:把图片设置成块(浮动,display之类),然后对图片设置padding,相对定位之类的。 3.文本输入框中文字不居中。 解决办法:设置行高。 4.IE6下鼠标移动到a链接上没有手的图标。 解决办法: cursor:point ...
分类:
其他好文 时间:
2016-08-02 20:57:06
阅读次数:
129
继承:html元素可以从父元素那里继承一部分css属性,即使当前元素没有定义该属性。 1.css可以和不可以继承的属性 不可继承的:display、margin、border、padding、background、height、min-height、max-height、width、min-widt ...
分类:
Web程序 时间:
2016-08-02 20:51:47
阅读次数:
245
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>margin传递</title>
<style>
ul,li{padding:0;margin:0;}
#box{background:red;width:420px;height:100px;border:5pxsolidgreen;}
ul{width:410px;heigh..
分类:
编程语言 时间:
2016-08-02 17:28:25
阅读次数:
344
<style type="text/css"> body, div, span { margin: 0; padding: 0; font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica, sans-serif; font-size: 14px; } html, ...
分类:
其他好文 时间:
2016-08-02 16:40:50
阅读次数:
223
表单标签使用 下拉菜单背景 滚动条的使用 结构化表单布局 1.表单标签的使用 姓名: 2.去掉默认的表单间隔 Form { Margin: 0; Padding: 0; } 3.给文本框添加漂亮的边框 Input,textarea { Border: 3px doubl... ...
分类:
Web程序 时间:
2016-08-02 13:30:20
阅读次数:
160
盒模型概念、width、height、padding、margin(水平居中)、border、border-radius、overflow、box-sizing、box-shadow、outline css盒模型 width : <length> | <percentage> | auto | in ...
分类:
其他好文 时间:
2016-08-02 13:25:58
阅读次数:
224
HTML:<div class="na-i"> <span> </span></div>样式:.na-i{ overflow-y: scroll; overflow-x: auto; height: auto; position: relative; margin: 0 10px; padding- ...
分类:
其他好文 时间:
2016-08-02 13:20:04
阅读次数:
131
第一天成果 1、浮动的盒子不要给宽,内容撑起盒子的宽 在前端设计中,一般不给浮动的盒子设置宽,让其用内容撑起一个高度。 2、小三角的表示 ◇用一个盒子(盒子宽为字的宽,高度为字高度的一半)去截取这个菱形来得到一个三角,当然还要涉及到浮动。 3、块级元素只能通过padding-top来调节垂直居中 4 ...
分类:
Web程序 时间:
2016-08-01 22:49:44
阅读次数:
196