HTML和CSS常见问题整理(1)

请注意,本文编写于 189 天前,最后修改于 189 天前,其中某些信息可能已经过时。

盒子模型

盒子模型
盒子模型

对于现代浏览器来说,css中指定的width就是content width.

对于IE5.x和6来说,在怪异模式中width等于content,左右padding和左右border.

其中paddingmargin的4种写法.

1,上 右 下 左

padding:10px 5px 15px 20px;

2,上 右左 下

padding:10px 5px 15px;

3,上下 右左

padding:10px 5px;

4,四边一致

padding:10px;

displayposition 介绍

  • display规定元素应该生成的框的类型.
描述
flex设置弹性容器
block此元素将显示为块级元素,此元素前后会带有换行符.
inline默认.此元素会被显示为内联元素,元素前后没有换行符.
inline-block行内块元素.
none此元素不会被显示.
list-item此元素会作为列表显示.
  • position:指定一个元素在文档中的定位方式,top,right,bottomleft属性则决定了该元素的最终位置.
描述
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更强烈的强调,默认为粗体.
  • 使元素消失的方法.

    1. opacity:0:该元素隐藏起来,但不会改变页面布局,如果该元素绑定了事件会触发.
    2. visibility:hidden:该元素隐藏起来,但不会改变页面布局,不会触发该元素绑定的事件.
    3. display:none:把元素隐藏起来,并且会改变页面布局,可以理解成在页面中把该元素删掉.
Comments

添加新评论