网页制作工具软件教程

Flex布局：规定子控件的排列与自身显示规则

Flex布局所使用的到的属性，简单分为以下两类： 1.规定子控件的排列规则 2.决定组件自身的显示规则 LinearLayout中，我们使用orientation来规定内部子组件的排列方向，如Text...

06月24日 76 views 发表评论

clip-path CSS 属性使用裁剪方式创建元素的可显示区域。区域内的部分显示，区域外的隐藏。例子 div { width: 200px; height: 200px; background: ...

06月24日 49 views 发表评论

CSS选择符有哪些？哪些属性可以继承？常见的选择符有一下： id选择器（#content），类选择器（.content）, 标签选择器（div, p, span等）, 相邻选择器（h1+p）, 子选...

标准（W3C）盒子模型：width = 内容宽度（content） + border + padding + margin 低版本IE盒子模型： width = 内容宽度（content + bord...

06月15日 56 views 发表评论

不但使用了弹性布局，而且利用了媒体查询功能。代码实例如下: 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 ...

页面布局中比较常见的一个模式，圣杯布局。代码实例如下: 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24...

代码实例，它实现了三列布局，左右两列宽度固定，中间宽度自适应。代码实例: 纯文本查看复制代码运行代码 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16...

一栏宽度固定，一栏宽度自适应效果。面就介绍一下如何使用flex弹性布局方式实现类似功能。代码实例如下: 纯文本查看复制代码运行代码 01 02 03 04 05 06 07 08 09 10 1...

使用flex弹性布局可以比较轻松的实现居中效果，无论是垂直方位还是水平方位。代码实例如下: 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18...

居中是页面开发中经常遇到的问题。使用合适的、简单的、兼容性好的居中方式是我们页面仔在整个工作生涯中都要面对的问题。 text-align:center 来看这个例子，一张图片和文字进行居中。如下图所...

06月02日 103 views 发表评论