当前位置:首页-全部动态

2019年的CSS为济阳网站建设提供了什么趋势

来源:http://www.daoshangbao.cn 时间:2019/08/30

  随着时间的推移,网页设计变得越来越创新。这个网站不仅仅是展示信息。它是一件艺术品,有着复杂的动画、独特的布局和微互动。你可以用CSS做很多这样的事情。

  Over time, web design has become more and more innovative. This site is more than just presenting information. It is a work of art with complex animation, unique layout and micro-interaction. You can do many of these things with CSS.

  CSS为简单、乏味的web设计提供样式,并使所有使web设计令人愉快的交互成为可能。2019年为网页设计带来了许多新的视野,以下是将定义这一年的7个CSS趋势。

  CSS provides styles for simple, tedious web design and makes all the interactions that make web design pleasant possible. 2019 has brought many new perspectives to web design. Here are seven CSS trends that will be defined for this year.

  CSS网格

  CSS Grid

济阳网站建设

  CSS网格生成器

  CSS Grid Generator

  目前流行的基于网格的布局标准是Flexbox,事实上,在2018年末达到顶峰时,Flexbox占Chrome页面加载量的83%。但一个新的竞争对手已经加入了这场战斗。

  The current popular grid-based layout standard is Flexbox. In fact, when it peaked at the end of 2018, Flexbox accounted for 83% of Chrome page load. But a new competitor has joined the battle.

  新的竞争者是Grid,它仍然很年轻,仅占页面负载的2.25%左右,但它的受欢迎程度仍在飙升,2018年初仅占页面负载的0.25%。

  The new competitor is Grid, which is still very young, accounting for only about 2.25% of the page load, but its popularity is still soaring, accounting for only 0.25% of the page load at the beginning of 2018.

  网格被誉为Flexbox的一个更好的替代品,它可以让你控制垂直和水平对齐,但不能同时控制垂直和水平对齐。网格正好相反。

  Grid is known as a better alternative to Flexbox, which allows you to control vertical and horizontal alignment, but not both. The grid is just the opposite.

  CSS专家将其不受欢迎归因于大多数主流网站不使用它,毕竟,它的数据是基于页面视图,而不是使用网格的原始页面数量。直到最近,主要的web站点才采用了Flexbox,所以它们暂时不切换是有意义的。

  CSS experts attribute their unpopularity to the fact that most mainstream websites do not use it. After all, its data is based on page views, not the number of original pages using the grid. Until recently, Flexbox was not used by major web sites, so it makes sense that they do not switch for the time being.

  然而,2019年电网肯定会增长,因为它释放了其他选择无法提供的一定程度的创作自由。

  However, the grid is sure to grow in 2019, because it frees up a certain degree of creative freedom that other choices cannot provide.

  CSS的写作模式

  CSS Writing Model

济阳网站建设

  并不是所有的语言都是从左到右读写的。对于其他方向的语言,使用write-mode CSS属性。

  Not all languages are read and written from left to right. For languages in other directions, use the write-mode CSS attribute.

  从上到下或从右到左流动文本,并调整水平和垂直值。您甚至可以垂直和水平地显示文本,对某些设计进行旋转,并混合脚本。

  Flow text from top to bottom or right to left, and adjust horizontal and vertical values. You can even display text vertically and horizontally, rotate some designs, and mix scripts.

  移动动画

  Mobile Animation

  动画作为一种参与工具正变得越来越受欢迎,网站将开始使用越来越多的动画加载图标,页面加载与有限的设计等,以保持用户的注意力。

  As a participating tool, animation is becoming more and more popular. Websites will begin to use more and more animation to load icons, page loads and limited design to keep users'attention.

  YouTube是一个很受欢迎的网站。打开YouTube手机应用浏览视频。如果你停一秒钟,视频就会自动播放,关掉声音并显示字幕。

  YouTube is a popular website. Open the YouTube mobile app to view videos. If you stop for a second, the video will play automatically, turn off the sound and display subtitles.

  动画也被用作动作或任务的指示器,动画按钮和列表变得越来越常见。阅读所有关于使用CSS动画这里。

  Animation is also used as an indicator of action or task, and animation buttons and lists are becoming more and more common. Read all about using CSS animation here.

  流行框架(Bulma、Tailwind、Bootstrap 4等)

  Popular frameworks (Bulma, Tailwind, Bootstrap 4, etc.)

济阳网站建设

  CSS框架已经存在一段时间了,但是它们只是在最近几年才变得更加流行。

  CSS frameworks have been around for some time, but they have only become more popular in recent years.

  以上是济阳网站建设为大家整理的相关内容,想要了解更多内容,欢迎访问网站:http://www.daoshangbao.cn

  These are the related contents of Jiyang website construction for you. For more information, please visit the website: http://www.daoshangbao.cn.