用transform:scale();缩放
当鼠标划过的时候缩放：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>缩放</title>
<style>
.box{
...
如何用纯 CSS 创作彩虹背景文字
CSS3 渐变（Gradients）
https://www.runoob.com/css3/css3-gradients.html
效果预览
按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。
https://codepen.io/comehope/pen/jKxyXN
可交互视频
此视频是...
margin-top，margin-bottom无效，怎么解决
margin-top及margin-bottom由于hasLayout渲染导致无效状态，建议使用padding或者用下面的解决办法。
解决办法
在父元素加上边框(0，none无效)：border:solid 1px #fff;
在父级元素加内填充：padding:1px;
在父级元素加浮动：overflow:hidden;
该盒...
纯CSS控制背景图片100%自适应填充布局
解决方案：
html,body{height: 100%;width: 100%;margin:0;padding:0;}
body{
background:url(bg-login.png)no-repeat;
width:100%;
height:100%;
backg...
css实现背景透明，内容不透明
css实现背景和文字均为黑色，背景透明度为0.2，文字不透明：
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" conten...
在table表格中实现圆角效果
在table中设置border-radius发现不起作用，网上查找了一番，原因是border-collapse:collapse和border-radius不兼容。
设计图效果
代码实现效果：
<!DOCTYPE html>
<html>
<head lang="en">
...
autocomplete 属性规定输入字段是否应该启用自动完成功能
在网站后台登录的时候，输入用户名，浏览器总是下拉一些没用的以前输入的字符串，怎么关闭这些提示？
可以用autocomplete="off"，例如：
<input type="email" name="email" autocomplete="off" />
input输入框默认是开启的autocomple...
禁止手机网站点击图片弹出相册，图片浏览
手机端点击网站上的图片，会弹出图片浏览来，怎样禁止弹出来呢，方法如下，亲测可用。
安卓机上点击图片会跳出来
禁止用户在安卓手机上点击图片
在样式中添加如下：
img{ pointer-events: none; }
用css3实现漂亮便签样式
效果图如下：
代码如下：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Live Preview</title>
<style>
body {
...
如何用CSS设置连接鼠标在上面是变成手型
在CSS里头默认是有设置的。部分浏览器支持 cursor:hand;几乎所有浏览器都支持 cursor:pointer
常用cursor光标说明:
1）div{ cursor:default }默认正常鼠标指针2）div{ cursor:hand }和div{ cursor:text } 文本选择效果3）div{ cursor:mov...
html特殊字符的html，js，css写法汇总
⇠ 箭头类
符号
UNICODE
符号
UNICODE
HTML
JS
CSS
HTML
JS
CSS
⇠
⇠
\u21E0
\21E0
⇢
⇢
\u21E2
\21E2
⇡
&...
::before和::after伪元素的用法
一、介绍
css3为了区分伪类和伪元素，伪元素采用双冒号写法。(:before和:after是在CSS2中提出来的，CSS3中的写法是::before和::after)
常见伪类——:hover,:link,:active,:target,:not(),:focus。
常见伪元素——::first-letter,::first-...
CSS伪元素选择器:before与:after
在css标签中有这样子的标签div:before、div:after，对于before、after来说有部分人是相当陌生的，那么这两个标签是什么呢？有什么用处？
:befor、:after是CSS的伪元素，用CSS手册可以查询到其基本的用法：
E::before 设置在对象前（依据对象树的逻辑结构）发生的内容。用来和...
HTML中      等6种空白空格的区别
HTML提供了5种空格实体（space entity），它们拥有不同的宽度，非断行空格（ ）是常规空格的宽度，可运行于所有主流浏览器。其他几种空格（       ‌‍）在不同浏览器中宽度各异。
&...
font-size:100%有什么作用?
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
input,select,textarea,samp {font-size:100%;}
看到一些css重设,请问设置font-size:100%的目的和作用是什么?
假如你设置body{font-s...
关于本站
“最难不过坚持”
本人承接扒站仿站，php网站维护，病毒查杀，网站编辑，网站改版，html制作
有需要网站维护，改版，病毒查杀，网站编辑，网站备案，html制作等相关的工作可以联系我。
本人有多年相关工作经验，也可提供免费咨询，交个朋友。
有需要探讨问题的朋友，也可以加我微信，共同探讨！
微信：15011482830 QQ:408917339
2688
39
分类目录
最新评论
- https://jueru.net/
-
评 留言
- :weixiao:
-
评 留言
- :shuijiao: :weiqu: :zhenbang: :leng:
-
评 留言
- :yiwen: :yiwen: :yiwen: :yiwen:
-
评 EasySass: could not generate CSS file. See Output panel for details.
- 这个业务逻辑多少都有点奇怪了，阅读浏览次数增值在新闻详情页的控制器方法里setInc，这怎么还写进模型事件里了。如果非要用onAfterRead也可以，把新闻文章的内容单独分出来一个news_content表，然后把它和news做关联，然后给news_content表的onAfterRead事件做增值处理，这样点进新闻页内查询到文章内容时才会触发它。
-
评 TP6模型事件-查询后onAfterRead不好用
文章标签更多