黄舟
浏览量9680    |    粉丝141    |    关注0
  • 黄舟

    黄舟

    2017-05-21 15:40:51
    响应式布局之CSS3弹性盒flex布局模型的具体介绍
    页面布局一直都是web应用样式设计的重点 我们传统的布局方式都是基于盒模型的 利用display、position、float来布局有一定局限性 比如说实现自适应垂直居中 随着响应式布局的流行,CSS3引入了更加灵活的弹性布局模型flex弹性布局使用弹性布局可以有效的分配一个容器的空间 即使我们的容器元素尺寸改变 它内部的元素也可以调整它的尺寸来适应空间 若想让一个元素变成弹性盒 很
    2695
  • 黄舟

    黄舟

    2017-05-21 15:42:20
    响应式布局之CSS3媒体查询Media Queries 的详细介绍
    利用我们的CSS3实现响应式布局 仅仅有弹性盒还不够 CSS3还扩展了media属性,增加了一个模块功能 Media Queries媒体查询功能媒体查询引入随着移动端的快速普及 越来越多的用户使用智能机、平板电脑等浏览页面 所有考虑到用户的需求 我们要保证用户在各种设备上浏览页面都有不错的体验 这样我们就需要媒体查询 它允许我们为不同的设备或者不同条件的设备设置不同的样式 不过如果
    2538
  • 黄舟

    黄舟

    2017-05-21 15:44:47
    关于CSS3元素2D平面变换属性transform的实现方法
    CSS3的形状变换允许我们对元素拉伸、缩放等等 这篇我主要谈下一2D平面变换 属性transform可以进行变换 transform就是变形的意思 并且它主要通过函数来使用,有以下函数translate() 平移变换ratate() 旋转变换scale() 缩放变换skew() 倾斜变换matrix() 矩阵变换transform-origin则时定义变换的中心平移变换trans
    1908
  • 黄舟

    黄舟

    2017-05-21 15:46:39
    关于CSS3中多列布局columns的相关属性
    CSS3中增加了可以实现多列布局的属性 在此之前的实现很麻烦可能需要各种定位 现在我们只需要一个属性就可以实现 多列布局类似于我们的报纸布局 这样可以方便读者观看多列数量与多列宽度如果一行文字太长的话,我们可能会没有读下去的欲望像这样.......demo { width: 600px; height: 200px; b
    2589
  • 黄舟

    黄舟

    2017-05-21 15:48:54
    CSS3中的盒模型与盒模型属性box-sizing的详细介绍
    这两天写的都是小知识点 因为确实有点忙 虽然很简单,但是本着全面总结的原则,还是要说一下 今天我来说一下这个CSS中的盒模型 以及CSS3中可以改变盒模型的属性盒模型盒模型是计算元素尺寸的模型规则 在我们CSS中盒模型分为两种W3C标准盒模型正常情况下我们用的都是这个标准的盒模型 标准盒模型中元素尺寸使用如下计算方式 元素实际宽度 = width + padding(左右内边距大小)
    3156
  • 黄舟

    黄舟

    2017-05-21 15:54:37
    CSS3景深和三维变换属性及旋转三维立方体的具体实现方法(图文)
    上周简单写了一下2D变换 今天来写写3D变换 三维立体效果我觉得是CSS3中最有意思的地方 不得不佩服那些开发者大神们 让我们能够通过几行CSS代码就能得到酷炫的视觉体验浏览器坐标系在讲正式语法之前,首先需要了解浏览器坐标系 这需要我们把浏览器界面想象成一个立体的场景这是网上流传很广的浏览器坐标系图片 从左到右的方向是浏览器x轴的正方向 从上到下的方向是浏览器y轴的正方向 而z轴正方
    2404
  • 黄舟

    黄舟

    2017-05-21 15:58:14
    关于CSS3元素中过渡属性transition的详细介绍
    过渡动画是动画的基础 在学习动画属性之前 我们需要先了解过渡属性transition过渡transition先来看一个小例子.demo { width: 100px; height: 100px; background-color: royalblue;}.demo:hover { width: 200px;}
    2660
  • 黄舟

    黄舟

    2017-05-21 16:06:22
    CSS3动画animation相关属性与关键帧规则keyframes的详细介绍
    我昨天写三维正方体的时候,就用到了动画的语法 今天就来系统复习一下 过渡transition有着它的局限性 虽然简单,但是它只能在两个状态之间改变 并且它需要事件的驱动才能够进行 不能够自己运动 所以为了解决这样的问题 我们需要animation动画动画若想实现动画效果 仅仅有animation属性是不够的 我们还需要@keyframes规则 先来看一个例子div class=
    3835
  • 黄舟

    黄舟

    2017-05-21 16:10:01
    关于CSS3选择器的详细介绍及用法总结
    CSS3新增了很多强大的选择器 它可以让我们少写一些js事件脚本 我们先来看看各个版本的选择器有哪些 注: ele代表element元素 attr代表attribute属性,val代表value属性值 :xxx都属于伪类选择器,::xxx都属于伪元素选择器 有名字的选择器我尽量细分了CCS1选择器 选择器 类型 示例 说明 .class 类选择器 .demo
    2338
  • 黄舟

    黄舟

    2017-05-21 16:22:35
    CSS3圆角、盒阴影与边框图片的具体详解
    今天开始整理CSS3的知识 其实应该是昨晚写的,不过好像是急性肠胃炎了,痛的一晚上没睡着,蓝瘦香菇 还好今天打点滴睡一觉就好了,看来这吃东西还是注意点好,被我的胃肠报复了 CSS没什么难的,不过看的同时自己要在浏览器上试一试,试一遍就记住了 光看不做白看CSS3各个浏览器是存在兼容问题的 不同浏览器有不同前缀的私有属性,表示属性或规则还没有成为标准 换句话说,官方还没公布标准的时候,各个
    2871

最新下载

更多>
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号