前端练习Day 4

1、margin-top,padding-top的值是百分比时,它们都是相对最近父级块元素的width

2、窗口上下滚动,始终固定在视野顶端的是<div style=”position:fixed;top:0;”></div>其中,div的直接父级元素是<body>
浏览器布局

3、内联元素加上display:block;后被块级化。块级元素一般是其他元素的容器,可容纳内联元素和其他块状元素,块状元素排斥其他元素与其位于同一行,宽度(width)高度(height)起作用。因此,可以定义其宽度和高度。
display属性 :
block : CSS1 块对象的默认值。将对象强制作为块对象呈递,为对象之后添加新行 可以定义高度和宽度
none : CSS1 隐藏对象。与 visibility 属性的hidden值不同,其不为被隐藏的对象保留其物理空间
inline : CSS1 内联对象的默认值。将对象强制作为内联对象呈递,从对象中删除行
inline-block : IE5.5 将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内
inherit: 看display默认是不具备继承性的,使用inherit可以让其继承父对象的display属性

4、运用css3动画,需要运用@keyframes规则和animation属性

5、 submit在html dom中称为属性,onsubmit在html dom中称为事件

6 、常见的块级元素(自动换行, 可设置高宽 )有:div,h1-h6,p,pre,ul,ol,li,form,table,label等
常见的行内元素(无法自动换行,无法设置宽高)有:
a,img,span,i(斜体),em(强调),sub(下标),sup(上标)等。
常见的行块级元素(拥有内在尺寸,可设置高宽,不会自动换行 )有:
(button,input,textarea,select), img等

7、继承就是指子节点默认使用父节点的样式属性。
不可继承的属性太多了,可以继承的属性很少,只有颜色,文字,字体间距行高对齐方式,和列表的样式
所有元素可继承:visibility和cursor。
内联元素可继承:letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction。
终端块状元素可继承:text-indent和text-align。
列表元素可继承:list-style、list-style-type、list-style-position、list-style-image。

猜你喜欢

转载自blog.csdn.net/silenmm/article/details/80236147