css 元素累积点滴
2013-10-14 16:12
211 查看
(1).padding是内边距的意思,是内容区到边框之间的距离,一个框架有4各部分,由内到外依次是:内容区,内边距(padding),边框(border),外边距(margin),如果要去掉内外边距,可以这样设置:padding:0px;margin;0px;
(2).positon有4个属性:static relative absolute fixed
absolute是相对于自己最近的父元素来定位的
relative是相对于自己来定位的,
(3)
比如要控制div的显示与隐藏,一句话就搞定了,请看下面使用说明。
$("#id").show()表示display:block,
$("#id").hide()表示display:none;
$("#id").toggle()切换元素的可见状态。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。
示例
切换所有段落的可见状态。
HTML 代码:
<p>Hello</p><p style="display: none">Hello Again</p>
jQuery 代码:
$("p").toggle() ;
$("#id").css('display','none');
$("#id").css('display','block');
或
$("#id")[0].style.display = 'none';
(2).positon有4个属性:static relative absolute fixed
absolute是相对于自己最近的父元素来定位的
relative是相对于自己来定位的,
(3)
比如要控制div的显示与隐藏,一句话就搞定了,请看下面使用说明。
$("#id").show()表示display:block,
$("#id").hide()表示display:none;
$("#id").toggle()切换元素的可见状态。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。
示例
切换所有段落的可见状态。
HTML 代码:
<p>Hello</p><p style="display: none">Hello Again</p>
jQuery 代码:
$("p").toggle() ;
$("#id").css('display','none');
$("#id").css('display','block');
或
$("#id")[0].style.display = 'none';
相关文章推荐
- [知识点滴]CSS伪类与伪元素的定义与区别
- Jquery小点滴 - 改变元素的CSS Class
- css点滴1—八种方式实现元素垂直居中
- css点滴2—六种方式实现元素水平居中
- JavaScript读取元素的CSS信息
- css选择元素时有没有空格的区别
- JavaScript 读取元素的CSS信息的代码
- css 伪元素(before,after,first-letter,first-line)
- CSS元素分类
- CSS 元素隐藏 滑动门 精灵图
- 详解 CSS 属性:伪类和伪元素的区别
- 几个css元素
- CSS - 伪类和伪元素的区别
- css元素(转)
- CSS或者JS实现鼠标悬停显示另一元素
- Css_浮动元素外层容器无高度的解决办法
- CSS 类、伪类和伪元素差别具体解释
- css中已知宽高的子元素水平垂直居中的三种方法
- css中控制元素的浮动和页面布局
- CSS之元素水平/垂直居中问题