css学习笔记

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_30211165/article/details/79968618
css学习笔记
align-conten:垂直  -webkit-(safari7.0及最新版本通过-webkit-align-contrnt支持该属性)
属性值:
center(子元素位于容器中心)
stretch:默认值,子元素被拉伸以适应容器
Flex-start:子元素位于容器开头
Flex-end:子元素位于容器尾部
space-between:子元素位于各行之间留有空白的
Space-around:子元素各行之前-之间-之后都留有空白

二:align-items
该属性定义flex子元素在flex容器中测轴比如(水平那么测轴就是垂直)对齐方式

属性值同上面一样



三:align-self
   可以单独写子元素的车轴方向的对齐方式
   意思就是如果设置了align-itmes属性其中一个元素想重写单独设置那么可以在该元素中写这个属性.
  属性值同上

四:backface-visibility

属性定义当前元素是否可见
visible:可见,hidden:不可见


五:background

六:边框border
Border:边框样式, solid:red颜色
可以设置属性:边框宽度,border-width,border-style:样式,border-color:颜色






justify-content:水平(同)



(10) margin(边界)
margin-top:10px; (上边界)
margin-right:10px; (右边界)
margin-bottom:10px; (下边界值)
margin-left:10px; (左边界值)
margin-inside:;
margin-outside:;
(11) padding(填充)
padding-top:10px; /*上边框留空白*/
padding-right:10px; /*右边框留空白*/
padding-bottom:10px; /*下边框留空白*/
padding-left:10px; /*左边框留空白

position属性
制定一个元素决定或相对的定位方法
常用属性:relative 可以使用left:20
             Absolute:绝对定位


display:元素自间是否为内联元素
小程序flex:容器布局

字体设置
设置字体显示2行溢出省略
text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
设置字体大小
 font-size: xx-small;
设置字体颜色
Background-color;
阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页