web建站教程

  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. php入门
    nodejs
    mockjs
    mysql
    织梦cms
    帝国cms
    git教程
css3利用rotate设置字体翻转
2022年08月11日  浏览(151)
css3如何利用 transform 属性和 rotate() 函数实现字体翻转,下面web建站小编给大家详细讲解一下! css3中transform有哪些函数可以用 1、旋转rotate2、扭曲skew3、缩放scale4、移动translate5、矩阵变形matrix 旋转180度css3代码: p{ width:500px; transform:rotate(180deg);}
阅读全文>>
VSCode带你了解11个很好玩的插件
2022年08月10日  浏览(72)
VSCode 是我们前端开发的一个强大的 IDE ,所以选择趁手好用的插件是提高开发效率,下面web建站小编给大家介绍11个很好玩的插件! 1、Emoji Emoji : 一个从命令面板插入表情符号的简单插件。 2、Rainbow Fart Rainbow Fart : Rainbow Fart 是一个在你编码时不断给你赞美的插件。它将检查代码中的关键字以播放相关声音。 3、超越鼓励师 超越鼓励师 : 在 VS Code 中连续写代码一小时(时间可配置
阅读全文>>
webpack中可以打包html资源吗?
2022年08月10日  浏览(123)
利用 webpack 打包 html 资源有什么好处?下面web建站小编给大家讲一下三大好处! webpack打包优势 1、可以自动将打包后的js文件引入html 2、html打包后依然会生成在build文件夹下和打包后的js文件放在一起,这样上线的时候我们只需要将打包生成的文件夹一起拷贝到上线环境就可以了! 3、会帮我们压缩html文件 webpack打包操作 1、安装插件 npm install html-webpack-plugin -D 2、webpack.config.js配置
阅读全文>>
利用@media实现不同分辨率的兼容
2022年08月07日  浏览(127)
@media 可以让我们根据设备显示器的特性(如视口宽度、屏幕比例、设备方向:横向或纵向)为其设定CSS样式,媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。下面web建站小编给大家展示一下代码: /* 768px */@media screen and (max-width:768px) { h1{ width: 100%; }}/* =1024 and */@media screen and (min-width:1024px){ h1{ width: 49%; }}/* =1024px and 1440px */@media screen and (min-width:1024px) and (max-widt
阅读全文>>
css3解决滚动条太难看问题
2022年08月05日  浏览(72)
问题描述:页面因内容太多出现一些滚动条,但是系统自动的滚动条太难看,下面web建站小编给大家介绍一下 ::-webkit-scrollbar 的作用。 /*滚动条*/::-webkit-scrollbar-track-piece { background-color: #fff;}::-webkit-scrollbar { width: 13px; height: 13px;}::-webkit-scrollbar-thumb { background-color: #aaa; background-clip: padding-box; min-height: 28px;}::-webkit-scrollbar-thumb:hover { background-color: #aaa;}//如果不想显示滚动条.sidebar::-webk
阅读全文>>
远离javascript/jquery纯css3实现多级导航栏联动
2022年08月05日  浏览(80)
功能介绍:今天给大家介绍一个用纯 css3 实现多级导航栏联动。不用一行js代码,纯纯的 css3 。 1、html代码: ul class=top-nav lia href=#中国朝代史/a/li lia href=#汉朝/a ul lia href=#东汉/a ul lia href=#刘邦/a/li lia href=#刘彻/a/li lia href=#刘病已/a/li /ul /li lia href=#西汉/a ul lia href=#刘秀/a/li /ul /li lia href=#王莽/a/li /ul /li lia href=#隋唐/a ul lia href=#隋朝/a ul lia href=#杨坚/a/li lia href=#杨广/a/li /ul /li lia href=
阅读全文>>
纯css3绘制数字,文字太长自动显示...
2022年08月01日  浏览(117)
功能介绍:利用 css3 绘制 li 前面数字,文字太长自动显示...。 ul li { //文字太长自动显示...。 text-overflow: ellipsis; white-space: nowrap; //绘制数字 counter-increment: index; overflow: hidden;}ul li:before { //绘制数字 content: counter(index);}
阅读全文>>
html和css有哪些禁止元素拖拽的代码
2022年08月01日  浏览(92)
功能介绍:图片禁止拖拽!我们可以通过html中的 draggable 或css中的 user-drag 来实现! 1、利用html中draggable禁止拖拽 !-- 图片可以被拖动 --img src=pic.jpg draggable=true!-- 图片不可以被拖动 --img src=pic.jpg draggable=false 2、利用css中user-drag禁止拖拽 //htmlimg src=pic.jpg class=user-drag//css.user-drag { -webkit-user-drag: none;}
阅读全文>>
html5有哪些单标签和双标签
2022年07月30日  浏览(73)
html5 有哪些单标签和双标签?双标签也被称为体标签,是指由开始和结束两个标签符号组成的标签;单标签也被称为空标签,是指用一个标签符号即可完整的描述某个功能的标签。下面web建站教程给大家科普一下! 双标签 html(定义HTML文档)head(定义文档头部)title(定义文档标题)body、tabletrtdspanpformh1h2h3h4h5h6objectstylebustrongidivascriptcenter 单标签 brhrareabaseimginputlinkmetabasefontpara
阅读全文>>
借助SVG滤镜实现三角播放箭头定时变色
2022年07月29日  浏览(74)
功能介绍:借助 SVG滤镜 实现三角播放箭头定时变色,借助 SVG滤镜 ,其实也可以快速达成,省去了上面还需要叠加一个 filter: contrast() 。 1、html代码: svg width=0 filter id=blur color-interpolation-filters=sRGB feGaussianBlur stdDeviation=10 / feComponentTransfer feFuncA type=table tableValues=0 0 10/ /feComponentTransfer /filter/svgdiv class=g-triangle/divdiv class=g-triangle g-triangle-inset/divsvg width=0 filter id=blur color-interpolation-filte
阅读全文>>
CSS3滤镜如何实现波浪效果(附代码)
2022年07月29日  浏览(92)
功能介绍:用CSS3滤镜实现波浪效果,下面直接附代码: 1、html代码 div class=container div class=inner/div/div 2、CSS代码 html, body { width: 100%; height: 100%;}body { display: flex;}.container { position: relative; margin: auto; width: 380px; padding-top: 100px; filter: contrast(20); background-color: #fff; overflow: hidden;}.container::before { content: ; position: absolute; top: 0; left: 0; bottom: 0; right: 0; backdrop-filter: blur(10px); z-index: 1;}.inner { positi
阅读全文>>
cms十大开源系统建站
2022年07月27日  浏览(117)
今天web建站小编给大家介绍一下cms十大开源系统建站,它们分别是 WordPress 、 Joomla 、 Drupal 、 织梦CMS 、 帝国CMS 、 PHPCMS 、 PageAdmin 、 MetInfo米拓建站系统 、 易优cms 、 蝉知企业门户系统。 一、WordPress WordPress是使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站。也可以把WordPress当作一个内容管理系统(CMS)来使用。 丰富的插件和模板是Wo
阅读全文>>
html5哪些标签已经被废除了
2022年07月26日  浏览(78)
html5哪些标签已经被废除了,比如: basefont 、 big 、 font 、 s 、 strike 、 tt 、 u 。 废弃标签替换标签 bgsound audiomarquee js代码实现applet embed和objectrb rubyacronym abbrdir ulisindex form和input集合listing prexmp codenextid GUIDSplaintext text/plain MIME 类型
阅读全文>>
编写HTML5文档时,为什么要遵守W3C标准?
2022年07月26日  浏览(134)
W3C 标准是为了弥补主观上的不足,弥补的是新手对 SEO 的理解,即使不了解 SEO,只需要去遵循 W3C 标准即可确保获得良好的 SEO,这是因为 SEO 的编写者同样遵循这一种约定。 如果不遵循约定的话,比如用 DIV 写一切的家伙,SEO 的编写者要怎样才能知道你写的是什么,他不可能搜索全部 DIV 的,太费资源和时间了,所以咱们就约定一下将那些很重要的信息比如关键词是:HTML5、CSS
阅读全文>>
css3文字快闪切换动画效果代码
2022年07月20日  浏览(117)
css3运用了 blur() 滤镜和 contrast() 滤镜产生的融合,轻松实现文字快闪动画效果! 1、html代码: div class=g-container div class=wordiPhone/div div class=word13/div div class=wordPro/div div class=word强得很!/div/div 2、css(scss)代码: @import url(https://fonts.googleapis.com/css2?family=Montserratdisplay=swap);$speed: 8s;$wordCount: 4;.g-container { position: relative; width: 100vw; height: 100vh; background: #000; font-family: Montserrat, sans-serif; col
阅读全文>>
常用正则表达式合集
2022年07月19日  浏览(152)
web建站小编给大家介绍了一些常用正则表达式合集,其中包含号码正则、数字正则、字符正则、时间正则、编程正则等表达式。 1、数字正则 只有数字: /^[0-9]*$/ 或 /^d{1,}$/ 整数: /^-?[0-9]d*$/ 正整数: /^+?[1-9]d*$/ 非正整数: /^-[1-9]d*|0$/ 负整数: /^-[1-9]d*$/ 非负整数: /^d+$/ 浮点数: /^(-?d+)(.d+)?$/ 正浮点数: /^[1-9]d*.d*|0.d*[1-9]d*$/ 负浮点数: /^-([1-9]d*.d*|0.d*[1-9]d*)/ 小数: /^-?d+.d+$/ 正数
阅读全文>>
css3实现各种奇形怪状按钮代码
2022年07月19日  浏览(145)
css3实现各种奇形怪状按钮代码?下面web建站小编给大家分析一下梯形与平行四边形、矩形与圆角按钮、切角等各种图形。 1、梯形与平行四边形 div class=btn parallelogramParallelogram/div .parallelogram { position: relative; width: 160px; height: 64px; ::before { content: ; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #03f463; transform: skewX(15deg); }} 2、矩形与圆角按钮 div class=btn rectrect/div、div class=btn ci
阅读全文>>
app出现闪退是什么原因导致的
2022年07月19日  浏览(76)
app出现闪退是什么原因导致的?绝大多数情况下,是因为app的前端程序有bug,导致app运行时崩溃,即用户观察到的一点开就,退出的现象,或者简称为闪退。下面web建站小编给大家详细讲解一下! app闪退的几大原因: 1、内存问题 手机运行的程序过多,内存不足的情况下导致app崩溃或者是内存泄露,长时间运行耗尽内存从而导致崩溃。 2、版本过低 应用版本太低,APP的SDK和手机
阅读全文>>
css3实现模糊背景,内容清晰
2022年07月19日  浏览(53)
!DOCTYPE htmlhtml lang=en head meta charset=utf-8 style type=text/css .content { color:#ffffff; font-size:40px; } .bg { background:url(图片.jpg); height:600px; text-align:center; line-height:600px; } .blur { float:left; width:100%; background-repeat:no-repeat; background-position:center; background-size:cover; //模糊 -webkit-filter:blur(15px); -moz-filter:blur(15px); -o-filter:blur(15px); -ms-filter:blur(15px); filter:blur(15px); } .front { position:absolute; left:10px; right:10px; height:60
阅读全文>>
解读DotNet.CAP开源分布式框架!
2022年07月15日  浏览(94)
解读DotNet.CAP开源分布式框架,主要从以下三个方面入手:什么是分布式事务、多种分布式事务解决方案、.NET Core分布式事务推荐。 什么是分布式事务 主流关系型数据库都支持数据库事务,能保障单数据库实例内的ACID,然而如果一次操作中涉及到多个数据库实例,就没那么简单了。比如拜振华(建行卡)要给川建国(工行卡)转账,就需要建设银行的数据库和工商银行的数据库同时成
阅读全文>>