wordpress果酱二维码,一个网站两个域名 seo,wordpress h5幻灯片,小蝌蚪福导福航app上次#xff0c;我们解除了css的内外边距、鼠标悬停及其练习。现在我们学习css元素练习和定位。
元素转换
元素分为块元素、行元素和行内块。 display 显示#xff1a;转换元素的类型
display:inline; display:block; display:inline-block; display:none;元素隐藏… 上次我们解除了css的内外边距、鼠标悬停及其练习。现在我们学习css元素练习和定位。
元素转换
元素分为块元素、行元素和行内块。 display 显示转换元素的类型
display:inline; display:block; display:inline-block; display:none;元素隐藏 opacity 透明度
块元素block 特点1.可以设置宽高 2.独占一行 举例div、p、h1-h6、li
行元素inline 特点1.不可以设置宽高 2.可以和其他的行快元素在一行 举例 a、span、del
行内块inline-block 特色1.可以和别的元素在一行显示 2.可以设置宽高 举例img、input
cursor:pointer 设置鼠标箭头、使其变成小手 获取下一个兄弟标签 例如.but:hoverul{ 值 } 元素隐藏 display:none; 元素不占位置 opacity:0-1 1不透明 0完全透明 半透明 0-1之间的数
浮动 float:left/right 清除浮动 clear:left/right/both 盒子设为阴影 box-shadow
静态定位 position:static
定位position: 可以决定元素在网页上的位置 left左 right右 top上 bottom下 z-index层级
静态定位默认值 c
相对定位 position:relattive
1.relative 相对定位 相对于自身位置进行移动、保留原位置 position:relattive;
绝对定位 position:absolute
absolute 绝对定位 1.不占位置 2.相对于那哪里移动 默认相对于整个网页 父元素进行移动父元素有定位则子元素会相对于父元素进行移动父相子绝
固定定位 position:fixed
fixed 固定定位 1.相对于进行移动 2.是否占原位