border-radius(CSS3属性)
一、border-radius 完整写法：
border-radius:为元素添加圆角边框。
border-radius:10px 20px 30px 40px/40px 30px 20px 10px
“/”前的四个数值表示圆角的水平半径，后面四个值表示圆角的垂直半径。
水平半径和垂直半径表示如下：
比如：
border-radius...
CSS3使用writing-mode让文字自上而下，自右向左排列
CSS3使用writing-mode让文字自上而下，自右向左排列
通常我们网页上的文字在缺省状况下是从左到右横向排版的，但有些情况下，为了排版效果，或为了更好的利用页面空间，我们需要将文字竖向排版。
writing-mode是CSS3里新引入的可以让文字竖向排版的属性。它不仅可以让文字竖向，还可以让文字从右往左排。这个CS...
CSS filter属性
filter
将模糊或者颜色偏移等图像效果用于元素，通常用于调整图像，背景和边框的渲染
css 标准中已内置一些预定义效果的函数，也可通过url使用SVG滤镜
语法
/* URL to SVG filter */
filter: url(filter.svg#id);
/* <filter-function&...
css3属性选择器，css中“~”（波浪号）、“，”（逗号）、“+”（加号）和（大于号）详解
css3属性选择器，css中“~”（波浪号）、“，”（逗号）、“+”（加号）和（大于号）详解
.a，.b
逗号指相同的css样式
.a .b
空格指后代元素
.a>.b
大于号指子代元素
.a+.b
这个+是选择相邻兄弟，称作“相邻兄弟选择器”
css中“~”是:
p~ul
为所有相同的父元素中位于...
css3径向渐变closest-side，farthest-side，closest-corner，farthest-corner
css3径向渐变closest-side，farthest-side，closest-corner，farthest-corner分别是什么意思？
1，closest-side：指定径向渐变的半径长度为从圆心到离圆心最近的边；
background-image: radial-gradient(closest-si...
css3背景图片 background-repeat: space;
css3背景图片 background-repeat: space;
CSS3新增，当背景图片不能以整数次平铺时，会用空白间隙均匀填充在图片周围，图片不缩放。
例如：
background-position: center;
background-repeat: space;
你会发现，background-position...
CSS3 :nth-child()选择前几个元素或者从第几个以后的元素，nth-child大于 小于
必须是-n+6，不能是6-n
选择前几个元素
/*【负方向范围】选择第1个到第6个，n从0开始 */
:nth-child(-n+6){}
从第几个开始选择
/*【正方向范围】选择从第6个开始的，直到最后，n从0开始 */
:nth-child(n+6){}
其他一些示例
/* 选择...
css3缩放 transform: scale() 使用缩放之后顶点对齐问题
css3缩放 transform: scale() 使用缩放之后顶点对齐问题
注意点：想要将缩放之后的div对齐顶点，那么需要将css属性设置为：transform-origin: 0 0
<div style="width: 900px; height: 900px; background: gray; overfl...
css3之border-radius理解
通过设置元素的border-radius值，可以轻松给元素设置圆角边框，甚至实现绘制圆、半圆、四分之一的圆等各种圆角图形。
一、border-radius使用
border-radius的数值有三种表示方法：px、%、em，
对于border-radius的值的设置，我们常用的有三种写法：
（1）仅设置一个值
第一种...
CSS3 - 鼠标经过图片(表情)缓慢放大、鼠标离开缓慢还原
<!doctype html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to...
css3实现背景色渐变linear-gradient()
示例代码：
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<title>linear-gradient()_CSS参考手册_web前端开发参考手册系列</...
css3中的阴影效果
定义和用法 来自：https://www.w3school.com.cn/cssref/pr_box-shadow.asp
box-shadow 属性向框添加一个或多个阴影。
语法
box-shadow: h-shadow v-shadow blur spread color inset;
注释：box-shadow 向框添加一个或多个...
用css3实现漂亮便签样式
效果图如下：
代码如下：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Live Preview</title>
<style>
body {
...
Notepad++支持jQuery、html5、css3
Notepad++里的代码提示文件是以XML文件存放于目录 ....\Notepad++\plugins\APIs\下的。
将这三个文件：html.xml, css.xml, javascript.xml 复制到上面所说的目录下面即可(覆盖前请备份原来的文件)。
下载地址：http://files.cnblogs.com/huntba...
关于本站
“最难不过坚持”
本人承接扒站仿站，php网站维护，病毒查杀，网站编辑，网站改版，html制作
有需要网站维护，改版，病毒查杀，网站编辑，网站备案，html制作等相关的工作可以联系我。
本人有多年相关工作经验，也可提供免费咨询，交个朋友。
有需要探讨问题的朋友，也可以加我微信，共同探讨！
微信：15011482830 QQ:408917339
2619
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不好用
文章标签更多