css 超出隐藏滚动条_css笔记

<input type="text" placeholder=""> 设置控件提示信息

布局常见命名规范:

头：header 内容：content/container 尾：footer 导航：nav

侧栏：sidebar 标志：logo 广告：banner 页面主体：main

opacity：实现半透明效果

transparent: 透明色

background-size：cover：将图片按照自己原来缩放比，占满整个父元素；

contain：将图片按照自己原来缩放比，完整显示到父元素；

border-style：soild（实线）；dashed（虚线）；dotted（点线）；

overflow：visible（超出父元素的内容可见）

overflow：hideen (将超出父元素的内容部分进行隐藏)

overflow:scroll (如果内容超出父元素，会给父元素添加一个滚动条)

overflow:auto （如果内容超出父元素那么就添加滚动条，否则不添加）

元素隐藏

display：nine（元素隐藏后不占位置）

visibility：hidden（元素隐藏后占位置）

img{

vertical:middle；

}

display：flex；

justify-content:space-between;（水平方向两端对齐）

justify-content:space-around;（水平方向环绕对齐）

align-items:center; （垂直方法局中）

换行

flew-warp：wrap；

align-content：space-around；（两端对齐）

align-content：between：（环绕对齐）