盒子模型
对于现代浏览器来说,css中指定的width就是content width.
对于IE5.x和6来说,在怪异模式中width等于content,左右padding和左右border.
其中padding和margin的4种写法.
1,上 右 下 左
padding:10px 5px 15px 20px;2,上 右左 下
padding:10px 5px 15px;3,上下 右左
padding:10px 5px;4,四边一致
padding:10px;display 和 position 介绍
display规定元素应该生成的框的类型.
| 值 | 描述 |
|---|---|
| flex | 设置弹性容器 |
| block | 此元素将显示为块级元素,此元素前后会带有换行符. |
| inline | 默认.此元素会被显示为内联元素,元素前后没有换行符. |
| inline-block | 行内块元素. |
| none | 此元素不会被显示. |
| list-item | 此元素会作为列表显示. |
position:指定一个元素在文档中的定位方式,top,right,bottom和left属性则决定了该元素的最终位置.
| 值 | 描述 |
|---|---|
| absolute | 生成绝对定位的元素,相对于static定位以外的第一个父元素进行定位.元素的位置通过'left','top','right'以及'bottom'属性进行规定. |
| fixed | 生成绝对定位的元素,相对于浏览器窗口进行定位.元素的位置通过'left','top','right'以及'bottom'属性进行规定. |
| relative | 生成相对定位的元素,相对于其正常位置进行定位.因此,'left:20'会向元素的left位置添加20像素. |
| static | 默认值,没有定位,元素出现在正常的流中. |
| inherit | 规定应该从父级元素继承position属性的值. |
CSS选择器分类
不同级别:排序:!important>行内样式>ID选择器>类选择器>标签>通配符>继承>浏览器默认属性.
同一级别:后写的会覆盖先写的.
em和strong的区别
- em(emphasize)强调,表示语义上的强调,默认为斜体.
- strong着重,表示重要性的一种强调,strong是比em更强烈的强调,默认为粗体.
使元素消失的方法.
opacity:0:该元素隐藏起来,但不会改变页面布局,如果该元素绑定了事件会触发.visibility:hidden:该元素隐藏起来,但不会改变页面布局,不会触发该元素绑定的事件.display:none:把元素隐藏起来,并且会改变页面布局,可以理解成在页面中把该元素删掉.