失效链接处理 |
CSS基础知识 PDF 下载
本站整理下载:
相关截图:
主要内容:
1、介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的?
W3C盒子模型(标准盒子模型):
盒子实际内容(content)的width/height=我们设置的width/height;
盒子总宽度/高度 = width/height+padding+border+margin。
= content+ border + padding + margin
IE盒子模型(怪异盒模型):
浏览器的 width 属性不是内容的宽度,而是内容、内边距和边框的宽度的总和,content+padding+border=我们设置的width/height
盒子总宽度/高度 = 我们设置的width/height + margin
=(content+border+padding)+ margin
2、box-sizing属性?
用来控制元素的盒子模型的解析模式,默认为content-box
box-sizing: content-box;
W3C的标准盒子模型,设置元素的 height/width 属性指的是content部分的高/宽
box-sizing: border-box;
IE传统盒子模型。设置元素的height/width属性指的是border + padding + content部分的高/宽
box-sizing: inherit;
规定应从父元素继承 box-sizing 属性的值。
3、CSS选择器有哪些?哪些属性可以继承?
CSS选择器:
1.id选择器( # myid)
2.类选择器(.myclassname)
3.标签选择器(div, h1, p)
|