网站建设

聊聊如何用CSS box-shadow创建像素创意动画

利用CSS也能创建像素创意动画!下面本篇文章给大家介绍一下用CSS box-shadow创建像素创意动画的方法,有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 本期我们...

关于 CSS 变量的一些你可能不了解的事!

本篇文章带大家了解一下CSS 变量,介绍下没人告诉你关于 CSS 变量的那些事。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 CSS 变量很不错哦,但是你知道它们...

web前端笔试题库之CSS篇

之前的文章《web前端笔试题库之HTML篇》中,我们分享了一些关于HTML的前端面试题。下面本篇文章就接着上一篇,分享css部分的笔试题(附答案),大家快看看能答对几个! 1、Q: CSS 属性...

手把手带你使用CSS绘制一个可爱卡通狮子动画

怎么利用CSS绘制狮子动画?下面本篇文章手把手带大家一步步利用CSS绘制一个可爱卡通狮子动画,希望对大家有所帮助。 本期我们要使用纯css来绘制出一个乖巧可爱的卡通狮子,通过这...

css3怎么改首字母颜色

在css3中,可用“:first-letter”选择器和color属性来修改首字母颜色,语法“元素:first-letter{color:颜色值;}”;“:first-letter”可选中元素的首字母,color可给选中的字母设置文本颜色。 本教...

【吐血总结】20+个前端实用工具,快放入收藏夹

本篇文章给大家分享20多个前端实用工具,帮助你在开发项目时提升开发效率,快来收藏使用吧,希望对大家有所帮助! 一、CSS布局生成器 Layout:https://layout.bradwoods.io/customize 它是一个...

html如何插入视频

html插入视频的方法:首先创建一个HTML示例文件;然后在body中输入video标签;最后通过“source src=movie.mp4 type=video/mp4”插入视频即可。 本文操作环境:Windows7系统、HTML5CSS3版,DELL G3电脑...

什么是html属性

html属性是HTML元素提供的附加信息,也就是指各个标签所具有的属性;HTML标签可以拥有属性,并且属性提供了有关HTML元素的更多的信息。 本文操作环境:Windows7系统、HTML5版,DELL G3电脑...

html怎么设置hr

html设置hr的方法:首先创建一个HTML示例文件;然后在body中输入一些文本内容;最后在需要分隔的段落之间添加“hr/”标签即可创建一条水平线。 本教程操作环境:windows7系统、HTML5CS...

html怎么设置图片

html设置图片的方法:首先创建一个HTML示例文件;然后通过“img src=/i/eg_tulip.jpg alt= /”方法在html页面中插入一幅图片即可。 本文操作环境:Windows7系统、HTML5CSS3版,DELL G3电脑 html设置图...

html怎么设置边框

html设置边框的方法:1、通过“border-width”属性设置边框宽度;2、通过“border-style”属性设置边框样式;3、通过“border-color”属性边框颜色。 本文操作环境:Windows7系统、HTML5CSS3版,...

如何解决html打开乱码问题

html打开乱码的解决办法:首先打开相应的HTML代码文件;然后在head节点加入meta标签;最后把字符声明为UTF-8即可。 本文操作环境:Windows7系统、HTML5CSS3版,DELL G3电脑 HTML页面乱码的解决...

html图片不滚动怎么设置

html设置图片不滚动的方法:首先新建一个html示例文件;然后在index.html中的script标签中输入代码为“background-repeat:no-repeat;”即可。 本文操作环境:Windows7系统、HTML5CSS3版,DELL G3电脑...

html怎么去掉超链接的下划线

html去掉超链接下划线的方法:首先创建一个HTML示例文件;然后通过a标签创建一个超链接;最后通过给a标签添加属性“text-decoration:none”即可去掉超链接的下划线。 本文操作环境:Wi...

html怎么设置不换行

html设置不换行的方法:首先在Html、div和textarea控件中编写相应的代码;然后通过添加“white-space: nowrap;”样式实现文本不换行即可。 本文操作环境:Windows7系统、HTML5CSS3版,DELL G3电脑...

html怎么设置背景图片

html设置背景图片的方法:首先创建一个HTML示例文件;然后在中使用background以及style来设置背景图片即可。 本文操作环境:Windows7系统、HTML5CSS3版,DELL G3电脑 HTML设置图片为页面背景:...

html图片怎么居中

html图片居中的设置方法:首先创建一个新的html文档;然后定义一下HTML格式,并把整个文档的基本机构定义起来;接着用“ ”来定义图标;最后通过“align=center”属性实现居中即可。...

html怎么隐藏滚动条

html隐藏滚动条的方法:首先创建一个HTML示例文件;然后在body中设置内容区域,并在内容区域外层套一个p;最后设置p的样式为“overflow:hidden”即可。 本文操作环境:Windows7系统、HTML...

如何禁止html自动换行

禁止html自动换行的方法:1、给html元素添加“display:inline”样式,将元素设置为行内元素;2、给html元素添加“float:left”样式,使元素脱离文档流,浮动到同一行显示。 本教程操作环境...

如何在HTML中插入视频

在HTML中,可以使用video标签插入视频,语法格式“video src=视频地址/video”;video标签可以定义视频,支持MP4、WebM、Ogg三种视频格式。 本教程操作环境:windows7系统、CSS3HTML5版、Dell G3电...

HTML如何制作表单

制作表单的方法:首先使用form标签创建表单,搭建表单框架;然后使用input标签创建文本输入框和提交按钮;接着使用select和option标签创建下拉列表;最后使用textarea标签创建文本区域...

html设置背景图片的代码是什么

html设置背景图片的代码是:“body background=图片地址/body”;通过background属性来设置网页的背景图片,此属性可以在一个元素中设置多个背景图像,并指定他们的位置。 本教程操作环境...

HTML如何限制input输入框只输入纯数字

限制input输入框只输入纯数字的方法:通过oninput事件,在事件中使用replace()函数配合正则表达式“/[^\d]/g,”进行输入限制,实现input文本框只能输入数字,输入其它字符会自动清掉的效...

html无法播放视频怎么办

html无法播放视频的解决办法:首先打开相应的HTML代码文件;然后在MIME类型里说明MP4和WebM以及Ogg视频格式;最后修改好视频的编码即可。 本文操作环境:windows7系统、HTML5CSS3版、Dell...

教你一招实现“代码雨”

本篇文章介绍一下如何实现“代码雨”。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 先看看效果 1、绿色: 2、彩色: 3、背景色: 4、绿色逐渐变浅: 源代...

html怎么去掉空格

html去掉空格的方法:首先打开相应的HTML代码文件;然后通过在父元素上设置“font-size:0;”样式即可去除html代码标签之间换行产生的空格。 本文操作环境:windows7系统、HTML5CSS3版、Del...

html如何转为word文档格式

方法:1、在网页任意位置点鼠标右键,选“网页另存为”,将网页保存到所需位置;2、新建word文档,在文档中选择“文件”,下拉列表里找到“打开”,文件类型选“所有文件”,打...

html如何实现网页跳转

方法:1、使用meta标签,语法“meta url=网页地址”;2、使用a标签,语法“a href=网页地址”;3、使用javascript跳转,语法“window.location.href=网页地址”。 本教程操作环境:windows7系统、...

如何设置html字体大小

html字体大小的设置方法:1、在font标签中使用size属性设置,语法“font size=值”,随着size的值越大,显示的字体就会越大;2、使用“font-size”属性,语法“font-size:值”,值越大,字体...

html如何设置删除线

方法:1、使用“text-decoration”属性规定添加文本的修饰(如下划线、删除线等),语法“text-decoration:line-through”;2、使用del标签定义文档中已被删除的文本,语法“del文字/del”。 本...

html如何清除缓存

html清除缓存的方法:1、在meta标签里使用“Cache-Control”属性,语法“CONTENT=no-cache”;2、在打开的url后面加上一个随机参数,语法“网页地址=random()”。 本教程操作环境:windows7系统、...

html如何改变字体颜色

方法:1、html标签内使用style属性,语法“标签名称 style=color:颜色”;2、在style标签内写入“color:颜色”的样式;3、通过font标签的color属性设置,语法“font color=颜色”。 本教程操作环...

html如何引入js文件

两种引入方法:1、利用script标签的src属性来引入js文件,语法“script src=js文件路径/script”。2、在JavaScript代码中引用js文件,语法“script标签对象.src = 文件路径;”。 本教程操作环境:...

html如何使用失去焦点属性onblur

在html中,onblur属性在元素失去焦点时触发。语法元素名称 onblur=Javascript指令”,onblur经常用于Javascript验证代码,一般用于表单输入框。 本教程操作环境:windows7系统、CSS3HTML5版、Dell...

html如何禁止右键

html禁止右键方法:1、使用oncontextmenu事件,禁用鼠标右键的菜单;2、使用onselectstart事件,禁止利用右键在网页上选取内容;3、使用oncopy事件,禁止利用右键进行复制。 本教程操作环境...

教你一招纯HTML制作个人简历

本篇文章给大家详细介绍一下纯HTML制作个人简历的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 htmlheadmeta charset=utf-8title简历/title/head body background=ht...

不为人知的Emmet语法规则

本篇文章给大家详细介绍一下HTML速写Emmet的语法规则。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 Emmet—写HTML/CSS快到飞起 在前端开发的过程中,最费时间...

html如何设置背景颜色

在html中,可以通过在标签内部写上“background-color”属性来设置背景颜色,语法“标签 style=background-color:颜色值;/标签”;其中颜色值可以使用十六进制数、RGB值或颜色名来表示。 本教...

html如何设置图片居中

在html中,使用margin属性设置图片居中,只需要给图片元素设置“margin:auto”样式即可。当margin属性值为“auto”时,浏览器会自动分配左右边距,使元素平均分配占用父级容器的左右边距...

html如何设置尺寸大小

在html中,可以使用height属性和width属性设置尺寸大小,只需要给元素设置“height:长度值”和“width:长度值”样式即可;其中长度值的单位可以为px、cm等,也可以为基于包含它的块级对...

怎么创建html文件

方法:首先在桌面新建记事本文件并打开;然后在文件中输入HTML语句以及内容;接着依次点击左上角的“文件”-“另存为”,在“保存类型”中选择“所有文件”;最后将文件名更改...

html如何设置高度

在html中,可以使用height属性设置高度,只需要给元素设置“height:长度值”样式即可;其中长度值的单位可以为px、cm等,也可以设基于包含它的块级对象百分比高度的“%”。height属性不...

html怎么设置颜色渐变

html设置颜色渐变的方法:首先创建一个HTML示例文件;然后使用div标签创建一个模块;接着在css标签内通过“id(colorchange)”来设置div样式;最后通过linear-gradient属性设置div的背景颜色渐...

html内容左右边距怎么设置

在html中,可以使用padding属性设置内容左右边距,只需要给元素设置“padding:0 数值+单位|百分比数值”即可。padding属性设置元素所有内边距的宽度,或者设置各边上内边距的宽度。pad...

如何实现html不显示下拉列表的箭头

不显示下拉列表箭头的方法:首先给select元素和div元素设置宽度,其中div元素的宽度比select元素宽度多20px;然后在select元素里设置“overflow:hidden”即可实现效果。 本教程操作环境:w...

html怎么让段落文本两端对齐

方法:1、使用“text-align:justify”语句设文本两端对齐;2、使用flex布局的justify-content属性设文本两端对齐,语法“justify-content:space-around|space-between”。 本教程操作环境:windows7系统、...

html如何选择li的偶数列

html中可以使用“:nth-of-type()”选择器选择li的偶数列,语法“li:nth-of-type(even){}”。“:nth-of-type(n)”选择器匹配父元素特定类型的子元素,当值为even时,表示匹配下标是偶数的元素。 本...

html文本阴影效果怎么设置

在HTML中,可以使用text-shadow设置文本阴影效果,只需要给文本元素添加“text-shadow:数值 数值 模糊距离 阴影颜色”样式即可。text-shadow属性向文本添加一个或多个阴影,该属性是逗号分...

html如何设置居中显示图片

在html中,可以使用text-align属性设置居中显示图片,只需要给图片元素设置“text-align:center”即可。text-align属性规定元素中图片的水平对齐方式,当值为center时,表示把图片排列到中间...

html背景图片如何自适应窗口大小

本篇文章给大家介绍html背景图片自适应窗口大小的方式。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 background-size:cover 会把图片拉伸至足够大,但是背景图...