范仁义

2020年2月24日

摘要：范仁义css3课程 46、媒体查询语法一、总结一句话总结：媒体查询语法：@media not|only mediatype and (expressions) { CSS 代码...;} @media screen and (max-width: 699px) and (min-width: 阅读全文

posted @ 2020-02-24 13:42 范仁义阅读(449) 评论(0) 推荐(0)

范仁义css3课程---45、媒体查询介绍

摘要：范仁义css3课程 45、媒体查询介绍一、总结一句话总结：媒体查询可以根据不同设备（比如屏幕、打印机等）、不同属性（比如视图的宽高、手机的横屏竖屏、屏幕的分辨率等）来自动的调整元素显示的样式，可以用作响应式布局。 1、媒体查询中的@media screen and (width: 600px) 阅读全文

posted @ 2020-02-24 11:18 范仁义阅读(281) 评论(0) 推荐(0)

2020年2月23日

范仁义css3课程---44、弹性盒子（flex）实例

摘要：范仁义css3课程 44、弹性盒子（flex）实例一、总结一句话总结：弹性盒子小实例中主要是给弹性盒子容器设置了display: flex;和justify-content: space-around;属性。弹性盒子可以用来做响应式布局，弹性盒子对不同设备不同屏幕尺寸有很好的适应性。二、弹性阅读全文

posted @ 2020-02-23 17:37 范仁义阅读(240) 评论(0) 推荐(0)

范仁义css3课程---43、弹性盒子（flex）子元素属性

摘要：范仁义css3课程 43、弹性盒子（flex）子元素属性一、总结一句话总结：弹性盒子的子属性是设置弹性子元素的属性，属性有order（顺序）、flex-grow、flex-shrink、flex-basis、flex（flex-grow和flex-shrink和flex-basis的简写属性）阅读全文

posted @ 2020-02-23 11:06 范仁义阅读(1639) 评论(0) 推荐(0)

范仁义css3课程---42、弹性盒子（flex）属性

摘要：范仁义css3课程 42、弹性盒子（flex）属性一、总结一句话总结：弹性盒子给容器设置的属性有：flex-direction（方向）、flex-wrap（是否换行）、justify-content（子元素水平排列方式）、align-items（子元素垂直排列方式）、align-content 阅读全文

posted @ 2020-02-23 10:07 范仁义阅读(983) 评论(0) 推荐(0)

弹性布局的作用

摘要：弹性布局的作用一、总结一句话总结： flex布局。虽然可以使用其他CSS样式属性来实现页面布局处理，但是如果使用CSS Flexible Box模块中定义的弹性盒布局技术，可以根据屏幕尺寸或浏览器窗口尺寸自动调整页面中各局部区域的显示方式，即实现非常灵活的布局处理。二、弹性布局的作用弹性盒子阅读全文

posted @ 2020-02-23 02:51 范仁义阅读(636) 评论(0) 推荐(0)

范仁义css3课程---41、弹性盒子（flex）介绍

摘要：范仁义css3课程 41、弹性盒子（flex）介绍一、总结一句话总结：弹性盒子主要是设置display属性为flex，用于多列布局，功能强大，操作特别简单。 1、查询前端兼容性的网站？ can i use：https://www.caniuse.com/ 2、flex布局特点？ flex布局默阅读全文

posted @ 2020-02-23 01:19 范仁义阅读(335) 评论(0) 推荐(0)

CSS3弹性盒布局

摘要： CSS3弹性盒布局一、总结一句话总结：弹性盒子主要是设置display属性为flex，用于多列布局，功能强大，操作特别简单。 1、弹性盒子常用的属性有哪些？ flex-direction（盒子中item排列方向）、flex-wrap（item超出父元素是否换行）、align-items（ite 阅读全文

posted @ 2020-02-23 01:18 范仁义阅读(865) 评论(0) 推荐(0)

尚硅谷css3---flex布局实例（多列布局）

摘要：尚硅谷css3 flex布局实例（多列布局）一、总结一句话总结：弹性盒子的操作比较简单，在弹性盒子上指定display: flex，在item上面指定flex综合属性的值为1。 #nav > .row{ display: flex; } #nav > .row > .item{ flex: 1 阅读全文

posted @ 2020-02-23 00:56 范仁义阅读(762) 评论(0) 推荐(0)

2020年2月21日

css3 media媒体查询总结

摘要： css3 media媒体查询总结一、总结一句话总结：媒体查询主要是根据浏览器的特性（窗口大小、横竖屏、屏幕比例等）设置不同的样式，主要由三部分构成媒体类型（比如screen）、媒体属性（比如宽、高、屏幕类型）、关键字（and、only等）构成二、CSS Media媒体查询使用大全，完整媒体阅读全文

posted @ 2020-02-21 23:18 范仁义阅读(827) 评论(0) 推荐(0)

在校每年国奖、每年专业第一，加拿大留学，先后工作于华东师范大学和香港教育大学

公告