网站前端教程

您现在的位置：首页 > 网站教程 > 网站前端教程

禁止手机端输入文字时页面自动放大
安卓的我的站长站不确定有没有这种效果，苹果浏览器是有这种浏览器输入文字就放大页面的效果。这种效果本质是放大页面让用户看得更清晰，但是有时候会改变页...
网站前端教程
3382023-01-09
CSS+JS简单的底部浮动搜索框效果代码
一段CSS+JS简单的底部浮动搜索框效果代码，实现PC移动端底部浮悬代码。CSS代码<style type="text/css"> * {margin:0px; padiing:0px;} .login_alert{posit...
网站前端教程
CSS样式 CSS代码
3382023-01-09
CSS全部标签属性重置语法
每个浏览器默认的属性不同，像谷歌浏览器不设置的话，默认每个元素是有外边距margin的，有的浏览器列表还会带上序号，有的浏览器就没有。所以为了让所有浏览器都...
网站前端教程
3372023-01-09
常用的CSSHack浏览器兼容写法
都是我的站长站自用CSSHack写法，随着浏览器的不断更新。目前来说，CSSHack也基本用不到了，大部分浏览器兼容性都很高了。CSSHack写法background-color:#00000...
网站前端教程
3212023-01-09
CSS样式引入link和@import区别
CSS样式引入方法CSS样式引入有两种方法，一种是写在页面中的link方法，另一种是写在CSS中的@import写法。CSS样式引入写法link写法<link href="/Style/css/St...
网站前端教程
3712023-01-09
为什么bootstrap国内很少人使用
前言Bootstrap业内知名度很高，在刚刚出来的时候是史无前例的，虽说不少公司在招聘岗位中也要求掌握Bootstrap等框架，但现实项目中应用Bootstrap的并不多。随...
网站前端教程
UI框架
3392023-01-09
css样式内加载其他CSS文件方法
通常在大型项目中会用到，达到UI框架用需汲取的效果，减少页面加载速度。通用样式单独储存CSS，在需要的页面才加载。这里用到了CSS中的@import语法，方法如下：@im...
网站前端教程
CSS样式
3322023-01-09
分享自用的CSS自适应写法
在写CSS前，需要在页面上<head>内加上如下代码，<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalabl...
网站前端教程
3222023-01-09
CSS3修改浏览器滚动条样式
首先我们写一个简单的小实例来说明下，设置一个长框为300的div，设置下溢出滚动。<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta n...
网站前端教程
CSS3动画
3772023-01-09
CSS将多个空格变成为一个空格
前言今天在做项目的时候，突然发现一个问题，浏览器输出的数据跟我原本的数据不一致，原本有多个空格，浏览器将多个空格压缩为一个。<div id="app"> <div>{{a}}<...
网站前端教程
4232023-01-06
css3海浪波浪动态效果代码
HTML代码建立一个div，id为wavesDIV，之后使用SVG绘制一个图形出来，此时这个图形还是不会懂的，我们需要使用animation来让他动起来<div id="wavesDIV" style="d...
网站前端教程
CSS代码 CSS3动画
3642023-01-06
@keyframes实现CSS动画帧效果
本教程教大家如何使用@keyframes，制作一个类似幻灯片的CSS动画效果。首先我们准备一张连贯的动作图片，这里以这张熊跑路为例。新建一个DIV容器，放这里一帧图...
网站前端教程
CSS3动画
3552023-01-06
利用background-attachment:fixed给网站加上一个固定背景
今天分享一篇关于background-attachment:fixed的实战示例，background-attachment:fixed可以让背景图片固定到一个位置，不会随滚动条滚动而变化。下面我们就...
网站前端教程
3582023-01-06
table表格中的cellpadding和cellspacing属性有什么区别
我们在用到table表格时，有的代码编辑器会自动给生成的table表格加上Cellpadding和Cellspacing属性，通常我们现在很少使用Cellpadding和Cellspacing属性了，都...
网站前端教程
4082023-01-06
前端开发如何使用其他字体(图文)
我们经常看到别人的网站字体非常漂亮，那是因为他们使用了其他的美化字体，合理的使用字体可以让网站看上去，高端优雅。那么如何使用自己下载的字体，我的站长站...
网站前端教程
前端开发字体
3492023-01-06
左侧固定宽度,右侧随浏览器自适应宽度的CSS代码
左侧固定宽度，右侧随浏览器自适应宽度的布局在后台框架、左图右文的样式中经常用到。左边固定200PX，右侧宽度随浏览器缩放自动调整大小，我的站长站分享几种...
网站前端教程
CSS代码
3372023-01-06
content字符图标大全分享
各种箭头图形样式用于HTML（在字符前加 &#）用于 CSS （在字符前加 \）和 JavaScript（在字符前加 \u）⇠867221E0⇢867421E2⇡867321E1⇣867521E3↞8606219E↠86082...
网站前端教程
3482023-01-06
CSS网页变灰色代码方法分享
发生重大哀悼事件时候，很多网站都将网站变灰色以示哀悼。在此我的站长站给大家总结了两种CSS网页变灰色代码方法，分享给大家。CSS filter方法直接写在BODY...
网站前端教程
3512023-01-06
过年给网站加一对灯笼CSS代码
马上快过年了，给网站加一对红灯笼，这样才有过年的喜庆劲儿。灯笼是代码生成的无需图片，而且还会摆动。使用方法把HTML下面代码粘贴到网页BODY内任意位子都可...
网站前端教程
CSS代码
3532023-01-06
CSS3旋转/放大/移动动画效果代码
效果一：360°旋转修改rotate(旋转度数).img1 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0
网站前端教程
CSS3动画
3512023-01-06

栏目分类