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