方法一、两个div都设置 display: table-cell;
方法二、父级div设置 display: -webkit-box;
2024年10月22日
方法一、两个div都设置 display: table-cell;
方法二、父级div设置 display: -webkit-box;
2024年10月22日
在前端对多个相同的标签元素进行有序的排列是非常常见的需求，当我们有多个相似功能出现在同一个区域时我们就需要合理的排列这些元素。比如我这里的云服务提供了多个功能模块展示给用户，这个时候我们就会将每个模块所涉及到的内容打包成一个整体来设计。
在Vue相似的功能展现我们可以通过v-for来实现，modulars中的数据我们口可以通过登录直接从后台获取。这样不管有多少个模块我们都可以快速的实现DOM元素的渲染，也可以减少样式的书写，提高代码执行效率。这里每个mould都是一个功能模块的组合，里面包含了标题、图片、和功能描述等信息。
2024年10月21日
我们在做网页时，经常会用到十六进制颜色代码，一个漂亮的网页，它的颜色搭配必定有讲究，下表是一些常用的颜色及十六进制颜色代码对照，记录在此，以便查阅！
2024年10月21日
CSS的颜色值有3种表示方式，为十六进制、RGB、颜色名称，用代码表示分别为：
color : #345456;
color : rgb(255,152,10);
color : red;
平时在编写CSS代码时，在设置颜色值时使用的最多的方式是十六进制。如果要对颜色值进行计算，就必须将十六进制的颜色值转换成RGB模式。那么如何进行转换呢？
别急，先来看看十六进制的颜色值和RGB颜色值之间的对应关系。比如上面的十六进制的颜色值：#345456，其中的前2位“34”对应R，中间2位“54”对应G，最后2位“56”对应B，有了这个对应关系那么剩下的就是进制转换的事了。
2024年10月21日
<font></font>标记和CSS替代语法
文本的大小 文本的颜色 文本的字体
size(1-7,默认值为3) color face
font-size color font-family
<font size=3 color="red" face="楷体">font标签的属性用法</font>2024年10月21日
从eclipse切换到idea，感觉提示速度和支持的插件都远超eclipse，eclipse经常出现插件安装不上的尴尬和无奈。不过Eclipse的界面风格和编辑器的字体颜色，包括Java的字体配置，xml字体配置，html的字体配置，都是我非常喜欢的，这点比idea用起来舒服。于是自己按照eclipse的字体风格来配置了idea的代码编辑风格。
idea的暗黑系列风格，我有点hold不住，感觉不是我要的风格。我比较喜欢小清新风格如下。
2024年10月21日
这个视频用CSS来写聚光灯的效果，大家可以先想一下思路。
·来看一下代码，这里就写了一个h1标签，还有一些基本的样式。
·先来看下布局，这里需要把hello world多准备一份，可以直接复制一份h1或者添加一个伪元素，保持html结构简洁一点。
·<htmicontent里面可以直接把hello world写在里面，或者用之前说的attr()属性获取函数，然后定义一个data-text属性，在h1里面就来定义这个属性，再把hello world放在里面，这样子也可以，再给它定一下位。