草庐IT

制作方

全部标签

html - 为每个 HTML 页面制作单独的 CSS 文件是个好主意吗?

我正在建立个人主页。我有4个HTML页面,只有一个CSS表链接到所有页面。也就是说,在单个CSS文件中,我为所有不同的页面设置了布局。[其实每一页的布局都差不多,只是内容和风格看起来不同而已。我的网站没有那么先进。]这是一个好的做法吗?或者我应该为每个页面创建单独的CSS?我所做的一个例子:page-1.html:page-2.html:设计.css:/*.......*/ 最佳答案 这么小的东西只有1个css文件。当您开始构建更大的站点时,您可以将样式表拆分为模块。通读ScalableandModularArchitecturef

javascript - 制作一个不断扩大的圈子,揭示内容背后的规模

所以我有一个一直困扰着我的问题。你能做一个圆圈,当展开时,“删除”父级,但只删除一部分(即圆的宽度和高度)并使该父级后面的内容可见吗?这是一个草图:你能做这样的事情吗?我得到的最接近的是mix-blend-mode:difference;但它只适用于颜色而不适用于其他各种内容,例如文本。 最佳答案 你可以在伪元素中使用radial-gradient作为顶层来做这样的事情,然后简单地控制background-size:.box{width:200px;height:100px;background:blue;position:rela

javascript - 制作一个不断扩大的圈子,揭示内容背后的规模

所以我有一个一直困扰着我的问题。你能做一个圆圈,当展开时,“删除”父级,但只删除一部分(即圆的宽度和高度)并使该父级后面的内容可见吗?这是一个草图:你能做这样的事情吗?我得到的最接近的是mix-blend-mode:difference;但它只适用于颜色而不适用于其他各种内容,例如文本。 最佳答案 你可以在伪元素中使用radial-gradient作为顶层来做这样的事情,然后简单地控制background-size:.box{width:200px;height:100px;background:blue;position:rela

html - 如何制作 "see through"文本?

我有一个带有background-image的body和一个带有白色background-color的div。我正在尝试使div(称为#content)上的文本透明,这样文本就像是背景的窗口网站。这是一个例子: 最佳答案 使用CSS可以实现您想要实现的目标。使用background-clip:text,您可以为文本使用背景,但必须将其与页面背景对齐。这是一个例子:body{background:url(http://o.homedsgn.com/wp-content/uploads/2011/04/NYC-at-Night-54.j

html - 如何制作 "see through"文本?

我有一个带有background-image的body和一个带有白色background-color的div。我正在尝试使div(称为#content)上的文本透明,这样文本就像是背景的窗口网站。这是一个例子: 最佳答案 使用CSS可以实现您想要实现的目标。使用background-clip:text,您可以为文本使用背景,但必须将其与页面背景对齐。这是一个例子:body{background:url(http://o.homedsgn.com/wp-content/uploads/2011/04/NYC-at-Night-54.j

前端制作二维码的方法

方法一:qrcodejs2插件安装依赖:npminstall--saveqrcodejs2html代码:divid="qrcode"ref="qrCodeDiv">/div>button@click="bindQRCode">点击生成二维码/button>js代码:importQRCodefrom"qrcodejs2";bindQRCode(){document.getElementById("qrcode").innerHTML="";//为了防止生成多张,生成前先清空原先的;newQRCode(this.$refs.qrCodeDiv,{text:"我是一个二维码",//二维码的内容wid

html - 如何使用html和css制作这个div?

这是我要制作的div的图像,但我不知道如何制作它我已经试过了`.rr>div{text-align:center;}.rr{position:relative;height:200px;background:#232E39;}.rr.rr-left{z-index:1;float:left;width:90%;}.rr.rr-right{z-index:2;float:right;width:10%;}.rr:after,.rr:before{content:"";position:absolute;top:0;width:0;height:0;}.rr-left:after{righ

html - 如何使用html和css制作这个div?

这是我要制作的div的图像,但我不知道如何制作它我已经试过了`.rr>div{text-align:center;}.rr{position:relative;height:200px;background:#232E39;}.rr.rr-left{z-index:1;float:left;width:90%;}.rr.rr-right{z-index:2;float:right;width:10%;}.rr:after,.rr:before{content:"";position:absolute;top:0;width:0;height:0;}.rr-left:after{righ

html - 如何在 HTML 文档中制作 GIF 动画?

我有以下静态HTML文档中的标记。在我设置它的src之后属性指向.gif文件(即foo.gif),GIF显示为静态(或非移动)图像。如何为GIF制作动画? 最佳答案 默认情况下,浏览器始终播放gif动画,您无法更改该行为。如果gif图像没有动画,则可以通过两种方式查看:浏览器有问题,图像有问题。然后要排除第一个变体,只需在您的浏览器中检查受信任的图像(运行下面的代码片段,这个gif绝对是动画的并且在所有浏览器中都有效)。您的代码看起来没问题。你能检查一下这个片段是否为你制作了动画吗?如果YES,则说明您的gif有问题,如果NO,则说

html - 如何在 HTML 文档中制作 GIF 动画?

我有以下静态HTML文档中的标记。在我设置它的src之后属性指向.gif文件(即foo.gif),GIF显示为静态(或非移动)图像。如何为GIF制作动画? 最佳答案 默认情况下,浏览器始终播放gif动画,您无法更改该行为。如果gif图像没有动画,则可以通过两种方式查看:浏览器有问题,图像有问题。然后要排除第一个变体,只需在您的浏览器中检查受信任的图像(运行下面的代码片段,这个gif绝对是动画的并且在所有浏览器中都有效)。您的代码看起来没问题。你能检查一下这个片段是否为你制作了动画吗?如果YES,则说明您的gif有问题,如果NO,则说