随笔分类 - CSS/CSS3
摘要:前言 在css3中允许使用3D转换来对元素进行格式化,在原本只是2D转化的平面中引入了Z轴。在这之前我们讲解了css3中的2D转换,也就是二维空间变换,本篇的3D转换就是基于原来的2D转换而来,与2D转换的功能相似。 三维坐标系 相信学过数学的效果版对这一概念多多少少是知道的,我们要想有一个3D空间
阅读全文
摘要:在CSS3中,transform属性应用于元素的2D或3D转换,可以利用transform功能实现文字或图像的旋转、缩放、倾斜、移动这4中类型的形变处理 语法: div{ transform: none|transform-functions; } transform属性可以指定为关键字值none
阅读全文
摘要:一、Grid布局概述 首先,Grid 布局与 Flex布局 有一定的相似性,都可以指定容器内部多个项目的位置。但是,Grid 布局远比 Flex 布局强大! Flex 布局是轴线布局,只能指定"项目"针对轴线的位置,可以看作是一维布局。 Grid 布局则是将容器划分成"行"和"列",产生单元格,然后
阅读全文
摘要:浮动介绍 浮动(float)最初是为了让文字环绕图片排布,就想报纸上面的图文混排模式。但 Web 开发人员很快意识到,任何东西都可以浮动,而不仅仅是图像,所以浮动的使用范围扩大了。浮动曾被用来实现整个网站页面的布局,它使信息列得以横向排列(默认的设定则是按照这些列在源代码中出现的顺序纵向排列)。目前
阅读全文
摘要:css3中通过transition属性可以实现一些简单的动画过渡效果~ 1、语法 transition: property duration timing-function delay; transition 属性设置元素当过渡效果,是一个复合属性,包括四个简写属性: transition-prop
阅读全文
摘要:简介 在页面整体布局中,页面元素的尺寸大小(长度、宽度、内外边距等)和页面字体的大小也是重要的工作之一。 一个合理设置,则会让页面看起来层次分明,重点鲜明,赏心悦目。反之,一个不友好的页面尺寸和字体大小设置,则会增加页面的复杂性,增加用户对页面理解的复杂性;甚至在当下访问终端(iPhone、iPad
阅读全文
摘要:概念 px、em、rem都是计量单位,都能表示尺寸,但是有所不同,其各有各的优缺点 px px像素(Pixel),像素px是相对于显示器屏幕分辨率而言的 px作为单位是固定不变的,不能适应浏览器缩放时产生的变化,因此一般不用于响应式网站。 em em的值不固定,会继承父元素的字体大小,是一个相对单位
阅读全文
摘要:2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能
阅读全文
摘要:CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡
阅读全文
摘要:深入理解css3新增属性之box-shadow盒子阴影,它可以向框添加一个或多个阴影
阅读全文
摘要:line-height和vertical-align是设置行内元素布局的关键属性,在此带你深入理解二者之间关系以及详细用法
阅读全文
摘要:前端入门之css3新增背景属性详解
阅读全文
摘要:利用css控制单行(多行)文本超出隐藏,超出部分显示为省略号
阅读全文