CSS hsla() 函数
定义与用法
hsla() 函数使用色相、饱和度、亮度、透明度来定义颜色。
HSLA 即色相、饱和度、亮度、透明度（英语：Hue, Saturation, Lightness, Alpha ）。
色相（H）是色彩的基本属性，就是平常所说的颜色名称，如红色、黄色等。
饱和度（S）是指色彩的纯度，越高色彩越纯，低则逐渐变灰，取 0-100%...
:after/::after和:before/::before的异同
相同点
都可以用来表示伪类对象，用来设置对象前的内容
:before和::before写法是等效的; :after和::after写法是等效的
不同点
:before/:after是Css2的写法，::before/::after是Css3的写法
:before/:after 的兼容性要比::before/::after好 ...
:before和::before的区别
::before 是一个伪类元素，代表生成的内容元素，表示相应元素的可抽象样式的第一个子元素，即：所选元素的第一个子元素 利用::before可以把需插入的内容插入到元素的其他内容之前，并且默认内联显示。::before需要使用content属性来指定内容的值。
区别：
单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。伪...
CSS currentColor
在CSS3中扩展了颜色值包含 currentColor 关键字，并用于所有接受颜色的属性上。
currentColor是 color 属性的值，具体意思是指：currentColor关键字的使用值是 color 属性值的计算值。
如果currentColor关键字被应用在 color 属性自身，则相当于是 color: inherit。
...
css超出部分显示省略号
css：
/*文字只能显示1行：*/
.ellipsis {
overflow: hidden;
text-overflow: -o-ellipsis-lastline;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
...
display，overflow同时使用时，overflow失效
最外层div 1可根据 IsVisible[x]的值动态影藏或显示，div 2 overflow属性为'hidden' ，限定了div 2 的高度开发中发现此例中display，overflow放在同一div中，将导致overflow的hidden属性失效。所以将两属性分别置于两个div下，display处于最外层。
<...
动画插件wow.js和css超出显示省略号功能冲突
应用wow.js动画功能：
<div class="wow fadeInUp"></div>
css超出显示省略号功能：
.ellipsis {
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: elli...
css3实现背景色渐变linear-gradient()
示例代码：
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<title>linear-gradient()_CSS参考手册_web前端开发参考手册系列</...
css正则匹配、模糊匹配
//所有class包含font-red的p标签
p[class~="font-red"] {color: red;}
[abc^="def"] 选择 abc 属性值以 "def" 开头的所有元素
[abc$="def"] 选择 abc 属性值以 "def" 结尾的所有元素
[abc*="def"] 选择 abc 属性值中包含子串 "...
background-color: inherit什么意思
background-color: inherit什么意思？
inherit 关键字指定一个属性应从父元素继承它的值。
background-color: inherit即是，继承父元素的背景颜色
css这句话是什么意思？ transform: translateX(-50%);
把元素沿着横向（x轴）移动自身宽度的50%，一般是从左侧为开始点也就是0点。而数值是-50%，所以是从左侧0点向左移动自身宽度的50%。
CSS上划线、下划线、删除线
text-decoration:underline; 下划线
text-decoration:overline; 顶划线
text-decoration:line-through; 删除线
text-align:justify;不起作用是怎么回事?
为什么单独设置text-align:justify;不起作用，非要在后面加一个内联块状元素宽度为100%的才可以？
<style>
.center{
text-align:justify;
}
span{
display:inline-block;
width:100%;
}
</style>...
HTML5清除默认格式代码
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting el...
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 向框添加一个或多个...
关于本站
“最难不过坚持”
本人承接扒站仿站，php网站维护，病毒查杀，网站编辑，网站改版，html制作
有需要网站维护，改版，病毒查杀，网站编辑，网站备案，html制作等相关的工作可以联系我。
本人有多年相关工作经验，也可提供免费咨询，交个朋友。
有需要探讨问题的朋友，也可以加我微信，共同探讨！
微信：15011482830 QQ:408917339
2712
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不好用
文章标签更多