江苏小白龙

自信源自于灵魂的强大,仰望星空,脚踏实地

css学习笔记

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;
阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_30211165/article/details/79968618
文章标签: css 小程序
个人分类: 小程序
上一篇小程序 swiper轮播页(点击事件)
下一篇小程序 列表
想对作者说点什么? 我来说一句

css网页布局学习笔记

2010年01月15日 11.02MB 下载

CSS学习笔记CSS学习笔记

2010年04月03日 14KB 下载

个人css学习笔记 精华版

2009年05月27日 34KB 下载

CSS学习笔记

2013年09月24日 31KB 下载

html+css+div 笔记

2013年11月27日 17KB 下载

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

关闭
关闭