08 2016 档案
摘要:总结一下: 要想实现如(图一)效果,(即一个div中的子元素与父元素有间距): 如果类名为.middle的父元素没有写border,则类名为firstChild的子元素设置margin-top,会导致父元素与相邻的top元素产生间距。 要想解决该问题,文章《用margin还是用padding》提出:
阅读全文
摘要:①:当小三角颜色边框与内部颜色一致时,可以使用三角形的画法(纯CSS绘制三角形(各种角度))或者使用搜狗输入法中的◆符号设置: ②:当小三角只需要设置颜色边框,且不需要设置内部颜色时,可以使用搜狗输入法中的◇符号设置: ③:当小三角既需要设置表框颜色又需要设置内部颜色的时候,需要设置两个◆来设置:
阅读全文
摘要:注意的是:哪个div(即固定宽度的那个div)设置了浮动,哪个div标签放在html前面 两列布局,左侧div自适应,右侧div固定宽度: 相应的css代码: 两列布局,左侧div固定,右侧div自适应: 对应的css:
阅读全文
摘要:html文件中对应的调用是:(注意使用的时候要修改47) css文件对应的top-fixed为: 增加浏览器大小变化,吸顶元素的相对位移不变: js文件调用方式: 改动,增加参考元素有个偏移量,比如吸顶元素没有上下元素可以参考,只有左侧元素可以参考: 对应的调用代码: 修改后,增加吸顶元素在距离浏览
阅读全文
摘要:注意的是defaultValue是js原生态的属性!要使用$(this)[0].defaultVaue
阅读全文
摘要:点击按钮1234分别对应的回到button1/button2/button3/button4的位置!
阅读全文
摘要:在网页中,如果一个元素没有设置最小宽度(min-width),这时当浏览器缩小到一定程度时,元素中的布局可能会发生变化。如果想要保持布局不变,可以给该元素(如div)设置最小宽度属性 该div宽度为页面的90%,随着浏览器的变窄,div的宽度也跟着变窄,但是到达1000px时,就不在变小,而是超出屏
阅读全文
摘要:1)实现任意一行下边框的颜色设置: 单元格边距(表格填充)(cellpadding) -- 代表单元格外面的一个距离,用于隔开单元格与单元格空间 单元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的距离,也是单元格补白之间的距离 实现的效果为: html代码: 对应的l
阅读全文
摘要:要实现如图一所示的结果: html代码如下: 相应的less代码 ②使用vertical-align:middle设置在父元素中的位置, 效果图: html代码: 相应的css代码: 化简后的核心代码:
阅读全文
摘要:我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来。今天给大家带来 CSS 三角形绘制方法 复制代码 代码如下: #triangle-up { widt
阅读全文
摘要:/*! jQuery v1.7.1 jquery.com | jquery.org/license */ (function(a,b){function cy(a){return f.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:!1}function cv(a){if(!ck[a]){var b=c.body,d=f(""...
阅读全文
摘要:This is a heading This is a paragraph. This is another paragraph. 改变第一个段落的类 提交
阅读全文
摘要:如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。 实现方法: 效果如图: 但是这个属性只支持单行文本的溢出显示省略号,如果我们要实现多行文本溢出显示省略号呢。 接下来重点说一说多行文本溢出显示省略号,如
阅读全文
摘要:首先html为: 1,由于引用的图片可能过大,所以要设置img标签的宽度,其高度等比例增加,css代码为: 浏览器中形成 如果不设置img的宽度,只设置div的宽度,造成的后果是图片显示不全:
阅读全文
摘要:①<li>使用浮动的方法,但是要用div包裹起来,该父元素需要设置宽度与高度: ②不用设置ul的高度,使用class=clear清除浮动 ③不使用浮动,而是使用display:inline-block,值得注意的是<li>之间会出现间距,解决的方法是:使用css的margin-right:-8px;
阅读全文
摘要:(显示效果如左图所示) 这里要注意的是: 中①函数update不要加扩号,因为加入了括号相当于只执行了一次函数。 ②函数update不要加引号,也不要传入参数,参数的变化在函数中取体现(这只是暂时发现,如果有错误,再改正)
阅读全文
摘要:对于Position、Float我们在平时使用上可以说是使用频率非常高的两个CSS属性,对于这两个属性的使用上面可能大多数人存在一些模糊与不清晰的地方。本文主要对这两个属性使用上的一个介绍以及两个属性交叉使用上的一些探讨。 本文主要探讨点: 本文结构点: HTML布局的基本要点: 如果要掌握、运用好
阅读全文
摘要:总体概念 常见的块级元素有 DIV, FORM, TABLE, P, PRE, H1~H6, DL, OL, UL 等。 常见的内联元素有 SPAN, A, STRONG, EM, LABEL, INPUT, SELECT, TEXTAREA, IMG, BR 等。 block,inline和inl
阅读全文