Articles under the label of CSS

  1. Home
  2. CSS

子串匹配属性选择器，[key^='starts_with']

今天看到一段css代码：[class*=" icon-"]:before,[class^=icon-]:before去stackoverflow上面找了下。这是原话：[key^='starts_with'] Will look for elements that have the 'key' attribute whose value starts with 'start...

  • 浅鱼
  • January 4, 2019
  • No comments
    •

    CSS视觉设计 相关知识总结

    1.文本对齐：text-align: justify; text-align: center; text-align: right; text-align: left;默认为text-align: left;。2.width:可以使用绝对单位(如:px)和相对单位(如:em)。3.height4.strong标签等效于使用CSS的：font-weight: bold;5.u标签等效于使用CS...

  • 浅鱼
  • June 7, 2018
  • No comments
    •

    CSS动画之必备属性 transform

    概述transform 本意是变形，变换之意，在 CSS 中使用该属性可对元素进行移动（translate）、旋转（rotate）、缩放（scale）、倾斜（skew）等效果。因其有着各种特效及优良的性能，所以成为动画的标配。在学习之前，我们可以简单欣赏下几个案例：transform 简单 demoflip cardCube - show sides二维（2D）变换translate其语法为...

  • 浅鱼
  • May 29, 2018
  • No comments
    •

    CSS动画 --transition & animation

    一.动画介绍动画分为 补间动画 和 帧动画，分别对应CSS中的transition,animation。首先，我们先介绍一下transition。二.transitiontransition 有4个值，分别是：transition-property 属性 transition-duration 持续时间 transition-timing-function...

  • 浅鱼
  • May 29, 2018
  • No comments
    •

    CSS学习总结（一）

    最近在参加腾讯next学位前端工程师的特训班，今天学习了CSS时复习了以下CSS的知识。感觉有些东西久了没用很容易忘掉，所以打算记录下来。1.CSS选择器> 是选择子元素(不选除子元素外的后代元素)； ~ 是选择后面所有的兄弟元素； + 是选择紧跟其后的一个兄弟； 空的是选择所有该后代。2.盒模型在 CSS 中，每个元素都被描绘成矩形盒子，这些矩形盒子通过一个模型来描述其占用空间。每一...

  • 浅鱼
  • May 28, 2018
  • No comments