css
IWTF
这个作者很懒,什么都没留下…
展开
-
css温故知新——弹性盒子
CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要 适应不同的屏幕大小以及设备类型 时确保元素拥有恰当的行为的布局方式。 通过display:flex; 来指定盒子类型 弹性父元素属性 flex-direction 指定了弹性子元素在父容器中的位置。 flex-direction: row | row-reverse | column | column-rever...原创 2019-02-11 21:04:27 · 578 阅读 · 0 评论 -
css基础知识,日积月累
css中元素一共有三类: 块级元素,内联(行内)元素和内联块元素 块级元素 元素宽高可设置,独占一行 嵌套(包含)下,子块元素宽度(没有定义情况下)和父块元素宽度默认一致 设置display:block可将元素显示为块级元素,从而使元素有块级元素的特点 典型代表:div、h1~h6、p、ul、li 内联(行内)元素 元素的宽、高以及顶和底边距不可设置,不独占一行 元素的宽度就是它包含的文字...原创 2018-12-09 19:52:04 · 114 阅读 · 0 评论 -
css基础知识,温故知新1
border border常用的属性有4个; 1、宽度:border-width 2、样式:border-stye dotted(点) dashed(曲线) solid(实线) none(没边框) 3、颜色:border-color 4、圆角:border-radius 小技巧 可以用border来实现小三角型,梯形等图案; 示例: { font-size: 0; ...原创 2018-11-04 11:07:24 · 187 阅读 · 0 评论 -
css竖直居中实现
前言 元素居中是常见的css布局,个人较懒,总是用到了搜一下,但觉得自己做的不对,需要系统的总结一下,于是参照网上大神们的文章,写了一篇总结。 元素居中方法 1. 利用绝对定位和相对定位 (元素居中) html ``` <div class="container"> <div class="content">我是测试内容&lt原创 2019-02-11 21:17:54 · 1213 阅读 · 0 评论