cssfloat 浮动
CSS 的 Float(浮动),会使元素向左或向右移动,其周围的元素也会重新排列。
Float(浮动),往往是用于图像,但它在布局时一样非常有用。
清除浮动:clear
css布局-水平-垂直对齐
元素居中对齐:margin:auto
文本居中对齐:text-align:center
图像居中对齐:margin:auto
左右对齐:1.使用定位方式
2.使用float方式
垂直对齐:1.使用padding
2.使用line-height
3.使用position和transform
padding:文本仍然处于容器垂直居中的位置,但是容器的 height 会随着文本行数的增加而增大;
2)line-height=height:容器的 height 不变,line-height 是文本的行间距,文本会溢出容器显示;
多行文本可使用 vertical-align: middle; 来实现元素的垂直居中,但是如果子元素的内容体积大于父元素的内容体积时,仍然会溢出,后面需要使用文字溢出处理来解决。
css组合符?不懂
CSS组合选择符包括各种简单选择符的组合方式。
在 CSS3 中包含了四种组合方式:
后代选择器(以空格 分隔)
子元素选择器(以大于 > 号分隔)
相邻兄弟选择器(以加号 + 分隔)
普通兄弟选择器(以波浪号 ~ 分隔)
css伪类以及伪类元素
css导航栏
导航栏=链接列表
垂直导航栏 块元素链接
水平导航栏 内联列表项(inline),浮动列表项(float)
激活/当前导航条列表 在点击了选项后,我们可以添加 "active" 类来标准哪个选项被选中