css学习笔记

本文详细介绍了CSS的层叠性和继承性原则,包括不同样式的优先级、块级与行内元素的区别,以及如何通过JavaScript操作DOM元素。还探讨了浮动元素的影响、定位方式的区别,并解释了如何改变元素的显示状态。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

【css】
1.javascript 主要用来操作网页中的对象。
2.行内样式>ID样式>类别样式>标记样式(css层叠性,优先顺序)
3.如果同时有两个类别的样式,有所冲突,效果以前者为准。
4.如果对父元素做了设置,子元素也会有效果,如果对子元素也设置了,子元素会覆盖父元素的效果。(css继承性)
5.单独占一行的元素称为块级元素。
   div:块级元素(block)
   span:行内元素(inline)
6.js操作的是界面的对象,所以看js代码要对照着界面元素进行研读。
7.如果一个容器中的子div都是浮动方式的,那么这个容器div的高度不会自动伸展,需要用clear:both来实现自动伸展。
8.相对定位以标准流为基础。绝对定位以他的包含框为基准进行偏移,从标准框中脱离。fixed固定定位,与绝对定位类似,只是以浏览器窗口为基准,进行定位。
9.Relative:相对定位,使用相对定位的盒子的位置根据标准流的排版方式为基础,然后使盒子相对于它在原本的标准位置偏移制定的距离。相对定位的盒子仍在标准流中,它后边的盒子仍以标准流方式对待它。
10.Absolute:绝对定位,盒子的位置是以它的包含框为基准进行偏移。这里的包含框,在它的祖先中依次查看,如果它的祖先都没有设置相对定位属性,就会以浏览器窗口为基准来进行定位。如果有祖先设置了相对定位属性,就以它作为基准作为所谓的包含框。
11.display:inline,可以让行内元素变成块级元素。display:block,可以让块级元素变成行内元素。display:none,可以让元素不显示。

转载于:https://www.cnblogs.com/jiqing9006/archive/2012/09/06/2673343.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值