CSS
qq_30970807
这个作者很懒,什么都没留下…
展开
-
align-content
align-content一、实例 对齐div元素的各项:display:flex;flex-flow:row wrap;align-content:space-around;二、用法 align-content属性在弹性容器内对齐容器内的各项:垂直三、属性 1、stretch 默认值,项目被拉伸以适应容器2、center 项目位于容器中心3、flex-start 项目位于容器开头4转载 2016-12-10 21:01:01 · 617 阅读 · 0 评论 -
align-items
一、实例居中对齐弹性盒的各项div元素div{display: flex;align-item:center;}二、定义和用法 align-items用于定义flex子项在flex容器的纵轴方向上的对齐方式三、属性 1、stretch 默认值,项目被拉伸以适应容器2、center 项目位于容器中心3、flex-start 项目位于容器开头4、flex-end 项目位于容器结尾5、b转载 2016-12-10 21:09:36 · 969 阅读 · 0 评论 -
align-self
一、实例居中对齐弹性对象元素内的某个项#myDiv{align-self: center}二、用法 align-self定义了flex子项单独在纵轴方向上的对齐方式三、属性 1、auto 默认值,元素继承了他父元素的align-item值,如果没有父元素则为stretch2、stretch 元素被拉伸以适应容器3、center 元素位于容器中心4、flex-start 元素位于容器转载 2016-12-10 21:15:32 · 1767 阅读 · 0 评论 -
all
一、实例修改所有元素或其父元素的属性为初始值div{background-color: yellow;color: red;all: initial}二、用法 all属性用于重置所有属性三、属性 1、initial 修改所有父元素或父元素的值为其初始值2、inherit 修改所有父元素或父元素的值为其父元素的值3、unset 修改所有元素属性或父元素的值为其父元素的值或其初始值转载 2016-12-11 13:32:23 · 322 阅读 · 0 评论 -
Background
一、background-attachment 1、实例指定一个固定的背景图像body{background-image:...;background-repeat:no-repeat;background-attachment:fixed;}2、用法 background-attachment设置背景图像是否跟着固定或者随着页面其他部分一起滚动3、属性 (1)scroll 默认值转载 2016-12-12 09:19:03 · 340 阅读 · 0 评论 -
border
一、border属性 1、实例设置四个边框样式p{border:5px soild red;}2、属性 border-width: (1)thin:定义细的边框 (2)medium:默认,中等边框 (3)thick:定义粗的边框 (4)length:自定义边框的宽度 (5)inheritborder-style: (1)none 定义无边框(2)hidden 与none相同转载 2016-12-12 22:31:04 · 1315 阅读 · 0 评论