Newbie_小白 - 博客园

2016年3月12日

摘要：一、使用负margin 我们在CSS中都会使用margin，但将margin设置成负数，那可能就不大好处理了。在网页设计中，人们对负margin用法的态度矛盾很大，有的人非常喜欢，而有的人则非常讨厌。设置一个负margin应该是这样的：通常人们很少使用负margin但随后你会了解到，它能做很多东阅读全文

posted @ 2016-03-12 19:04 Newbie_小白阅读(805) 评论(1) 推荐(0)

封装getByClass（JS获取class的方法封装为一个函数）

摘要：获取方法一（普通版）获取单一的class： function getByClass(oParent, sClass) {//两个形参，第一个对象oParent 第二个样式名class var aEle = oParent.getElementsByTagName("*");//从对象里选择所有元素阅读全文

posted @ 2016-03-12 15:35 Newbie_小白阅读(772) 评论(0) 推荐(0)

任意值的运动框架

摘要： function getStyle(obj, name) {//获取样式 if (obj.currentStyle) { return obj.currentStyle[name]; } else { return getComputedStyle(obj, false)[name]; }}func 阅读全文

posted @ 2016-03-12 14:46 Newbie_小白阅读(211) 评论(0) 推荐(0)

style，currentStyle，getComputedStyle的区别和用法

摘要： <p style="color:#f90;">这是内联样式</p> 二、嵌入样式（internal Style Sheet，内部样式）：是写在HTML的head里面的，内部样式只对所在的网页有效。如： <style type="text/css"> /*这是嵌入样式*/ .stuff{color:# 阅读全文

posted @ 2016-03-12 13:29 Newbie_小白阅读(720) 评论(0) 推荐(0)

仿FLASH的图片轮换效果

摘要： css布局代码(test.css)： body { background: #ccc;}ul { padding: 0; margin: 0;}li { list-style: none;}img { border: 0;}.play { width: 400px; height: 430px; m 阅读全文

posted @ 2016-03-12 11:00 Newbie_小白阅读(873) 评论(0) 推荐(0)

2016年3月11日

offset--BUG

摘要： offsetWidth所获取的宽度并不是div的实际宽度，它包括div的width、border等。在JS函数中，可以通过obj.style.width来获取div的实际宽度，但是这种方式style只能获取行间样式，所以需要一个函数调用css中样式，代码如下：阅读全文

posted @ 2016-03-11 15:38 Newbie_小白阅读(303) 评论(0) 推荐(0)

DIV的变高与变宽

摘要：代码： <!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>无标题文档</title> <style> div { width: 200px; height: 200px; margin: 20px; float: left; back 阅读全文

posted @ 2016-03-11 15:18 Newbie_小白阅读(499) 评论(0) 推荐(0)

CSS样式实现溢出超出DIV边框宽度高度的内容自动隐藏方法

摘要： CSS样式实现溢出超出DIV边框宽度高度的内容自动隐藏方法平时我们布局时候，有的文字内容多了会超过溢出我们限制的高度，有的图片会撑破DIV，让网页错位变乱。这样我们就需要解决如何使用CSS来超出设置CSS宽度和CSS高度的内容自动隐藏掉，又不撑破DIV布局。特别是在IE6，如果内容超出对象高度阅读全文

posted @ 2016-03-11 14:11 Newbie_小白阅读(18418) 评论(0) 推荐(0)

CSS布局属性

摘要：一、CSS布局属性 Width：设置对象的宽度（widteight：设置对象的高度(Height:45px;)。ackground：设置对象的背景颜色、背景图像。 1.背景颜色 background:#09F; 2.背景图像 background:url(file:///C|/Users/Admin 阅读全文

posted @ 2016-03-11 13:22 Newbie_小白阅读(1134) 评论(0) 推荐(0)

图片无缝滚动

摘要：代码： <!DOCTYPE HTML><html><head> <meta charset="utf-8"> <title>无标题文档</title> <style> * { margin: 0; padding: 0; } #div1 { width: 712px; height: 108px; 阅读全文

posted @ 2016-03-11 13:10 Newbie_小白阅读(256) 评论(0) 推荐(0)