qq_36418362的博客

1、学习css-doodle的起因 在写网页的过程中被css-doodle吸引了，什么是css-doodle呢？ css-doodle是一个用来绘制CSS图案的WEB组件，它是基于Shadow DOM V1和Custom Elements V1来构建的。该组件可以帮助轻松的使用Custom Elements、Shadow DOM和CSS Grid创建任何你想要的图案（CSS 图案）。创建出来的...

1、我们能怎么来使用css-doodle css-doodle的使用有如下几种 1.1、Grid（表格形式） 1.2、Selectors（选择器形式） 1.3、Properties（属性形式） 1.4、Functions（功能（函数）形式） 1.5、JS API（应该是引用其它API形式） 2、Grid 2.1、先看一段使用Grid的代码（官网代码，size属性是我自己加的，这些属...

1、前言 在上一篇中我们介绍了关于Grid功能的使用，这一篇我们接着讲selectors的使用 2、selectors（运行代码的时候把所有的注释去掉，不然运行不出来结果） 2.1、selectors的功能划分（又是从官网偷的） 2.2、声明 :doodle是控制整个表格的属性的选择器 :container是官网介绍的另一个选择器，据文档翻译过来的意思也是控制整个表格的，继承了:d...

在上一篇中我们讲诉了选择器的使用，在这一篇中，主要讲述的是属性（对不起大家哈，之前准备软考去了，也没考好，状态有点不在） 下图是官网中css-doodle的属性 首先向大家描述的则是第一个属性：@grid属性 这个属性是用来定义整个表格的格子数和格子的一些属性的，之前在csss-doodle的标签中演示过，使用grid标签属性也能够定义一个表格，那这个属性和标签属性肯定是有不同的区别的，...