网站前端教程
全套@media响应式布局代码方案分享
// 320@media screen and (min-width: 320px) { html { font-size: 15px; }}// 360@media screen and (min-width: 360px) { html { font-size:15px
哀悼日网站变灰色方法
有时候很多网站会在特别的日子把网站变灰色，以表哀悼，很多小白还不会，251源码站分享给大家一段CSS把网站变灰色的方法。只需把以下CSS加入到网站header标签内，或CSS文件内即可。...
text-decoration上 中 下划线使用方法
text-decoration介绍text-decoratio在日常开发中主要用于文字添加上划线、中划线（删除线、栅格线、贯穿线）、下划线样式。语法：text-decoration-line ：指定文本装饰的种类。相当...
给网站添加一个Gitee/Github徽章图标CSS代码
为您的网站添加一个Gitee/GitHub徽章图标，支持任意网站，将下面代码放在网站底部或者侧边栏，主要是html、CSS代码！效果如下：HTML代码<div class="github-badge"> <span class="ba...
less自定义变量方法
在less开发中，less和其他编程语言一样，都有变量的概念，学会less自定义变量可以节省很多开发时间。如何自定义less变量使用符号@ 例如：@blue:#5B83AD; @FontSi...
给网站添加一个Gitee/Github徽章图标CSS代码
为您的网站添加一个Gitee/GitHub徽章图标，支持任意网站，将下面代码放在网站底部或者侧边栏，主要是html、CSS代码！效果如下：HTML代码<div class="github-badge"...
CSS如何选择第一个和倒数第一个元素
前端新手会遇到不知道如何选择列表中的第一个和倒数第一个元素，其实这非常简单。以后所有关于CSS选择的问题，都可以直接搜索CSS选择器的手册，里面有所有的CS...
CSS3旋转动画效果分享
定义 dom，容器中包含 9 个元素：<div class="container"> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span><...
CSS3不倒翁动态效果代码
HTML代码<div class="santa"> <div class="santa-body"> <div class="santa-head"> <div class="santa-ear"></div> <div class="santa-ear"></div> <div...
利用Sass/Less快速将px单位转换rem/em/vw单位教程
在响应式开发中，px单位明显不适用，最好使用rem/em/vw单位更合适，一个个的手动将PX单位修改换算成rem/em/vw单位又非常麻烦，这里我的站长站推荐利用Sass或less...
:before和:after伪元素使用方法
文本内容：日常开发中我们常常用到:before和:after伪元素在指定标签前和后增加内容，非常方便，例如：p:before{ content:'内容'； } p:before{ ...
css开发第一个字符制作圆形文字图标效果
css开发第一个字符制作圆形文字图标效果，非常简单，先固定一个圆形span标签宽高为，圆角 50%，然后设定行高，让字符垂直居中，设定 overflow: hidden，限制字符溢出，然...
less响应式布局方案分享
分享一套作用的less响应式布局方案，因为less不支持函数方法，所以只能使用计算方法，来实现自动换算终端分辨率比例的功能，下面这套是我的站长站自用的方案，分享...
全套@media响应式布局代码方案分享
// 320 @media screen and (min-width: 320px) { html { font-size: 15px; } } // 360 @media screen and (min-width: 360px) { ht
哀悼日网站变灰色方法
很多网站会在特别的日子把网站变灰色，以表哀悼，很多小白还不会，我的站长站分享给大家一段CSS把网站变灰色的方法。只需把以下CSS加入到网站header标签内，或CS...
text-decoration上 中 下划线使用方法
text-decoration介绍text-decoratio在日常开发中主要用于文字添加上划线、中划线（删除线、栅格线、贯穿线）、下划线样式。语法：text-decoration-line ：指定文...
分享IE6 PNG 透明的几种方法
分享IE6 PNG 透明的几种方法 第一种方法。利用IE滤镜的方法使PNG透明，很方便，不需要第三方插件。语法：.png{ _background: none; filter: progid:DXImageTr...
CSS文字超出省略号显示
帝国CMS标题超出省略号显示可以用：<?=esub($bqr[title],32,'...')?> 但有的地方却不是标题，但也想实现文章超出省略号显示。这里给大家介绍的是利...
CSS视频教程全集
CSS宣传图什么是cssCSS全称为层叠样式表，常用来开发系统前台展示效果的语言。我们又常常叫他为DIV+CSS，那是因为CSS常常伴随着DIV一起使用。CSS 能够对网页...
图片自适应大小和居中显示的CSS语法教程
做网站之后，我们会在网站后台发布很多的文章内容。文章里会插入一些图片，由于图片尺寸不一样，会出现图片超过宽度的问题。特别是制作手机网站时，更容出现这种...
CSS字间距样式语法教程
做网站后，为了外观美观，我们可以通过CSS控制字间距。就是使用CSS的letter-spacing属性来控制。CSS写法：letter-spacing:10px;（后面字数是二字之间的间距值）举...
畅言评论框自带广告一段代码去除
网站评论功能一直是站长头疼的问题，第一开发困难，最主要是的审核管理非常麻烦，国家对这方面管理审核也非常严格，一不小心出现非法言论网站就会被和谐掉。网上...
最新版畅言去评论框下方+推荐列表+弹窗广告代码
畅言评论插件已经好久没使用了，我记得以前是有个广告功能，站长可以选择开启或关闭，开启了站长可以获得广告分成，现在竟然变成了强制增加广告了，需要付费才能去...
CSS清除苹果浏览器input的默认样式
苹果浏览器有一套自己的默认UI样式，有时候我们做WAP手机版网站的时候，苹果默认的UI样式跟我们自己的不搭配，特别是按钮的样式。所以我们来试试如何把苹果浏览器默认的按钮样式...
CSS3背景图片固定滑动效果
CSS3背景图片固定住，滚动条滚动浮动在固定位置，这种效果网上看到很多。有一种视觉差的酷炫效果，一般大气的企业网站会非常常见，这种CSS效果运用的好会让网站非常大气上档次。分...
-
1CSS将多个空格变成为一个空格 168热度
-
2CSS清除苹果浏览器input的默认样 167热度
-
3CSS如何修改元素轮廓虚边 161热度
-
4table表格中的cellpadding和cell 155热度
-
5CSS3高光划过效果代码教程 151热度
-
6CSS伪类选择符大全 148热度
-
7CSS3实现苹果灵动岛效果 139热度
-
8CSS3背景图片固定滑动效果 139热度
-
9哀悼日网站变灰色方法 134热度
-
10CSS定位教程 position语法详解 133热度