列表ul li前面的点如何更改颜色、形状、大小
如何更改li标签前的黑色圆点的形状、颜色和大小？
我们平常都是这样写的：
<ul>
<li>111</li>
<li>222</li>
&...
css实现平滑滚动页面顶部scroll-behavior: smooth;
css实现平滑滚动页面顶部
在项目中经常会遇到跳转到页面中的某个模块或者是做滚动到顶部、顶部等一系列操作，通常的做法是使用锚点或者是通过定时器慢慢移动距离等方法。锚点直接滚动没有动画效果，定时器需要写很多代码。效果并不是很好且繁琐。
经过多方面研究，发现css可以直接实现平滑滚动，下面就详细的分析一下。
...
css样式，文字两边加横线
css样式，文字两边加横线
代码：
<div class="with-line">推荐使用以下浏览器</div>
<style type="text/css">
.with-line {
width:80%;
font-size: 16px;
c...
TabIndex 属性 Tabindex="-1" 与Tabindex="0"、任意数字
html中的tabIndex属性可以设置键盘中的TAB键在控件中的移动顺序,即焦点的顺序。
把控件的tabIndex属性设成1到32767的一个值，就可以把这个控件加入到TAB键的序列中。
这样，当浏览者使用TAB键在网页控件中移动时，将首先移动到具有最小tabInd...
css 包含的图片和style="display:none"可以避免图片加载，可以节省网络流量
css 包含的图片和style="display:none"可以避免图片加载，可以节省网络流量
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document&l...
HTML5 video标签视频比例拉伸
视频设置固定宽度高度，视频可以拉伸
<video class="videoContent pc" muted autoplay="true" loop preload="auto" style="object-fit:fill;">
<source src="http://clips.vor...
用 CSS 实现打印显示底色，背景色background-color
表格表头有背景颜色，但是实际打印出来无背景颜色
如下设置：
解决办法：
3.直接用CSS 控制，此法有效，简单~直接上代码：
@media print {
.receipt-print .table th {
backgro...
vscode中修改emmet代码，动画执行时间修改animation-duration: 0 s;
vscode中使用emmet语法生成动画执行时间，数字和单位秒直接多了个空格，导致不起作用
把空格删了，还浪费时间，所以需要修改下emmet代码，解决问题
1，找到文件C:\Program Files\Microsoft VS Code\resources\app\extensions\emmet\dist\nod...
一个标签创建多个 class：div.box1.box2.box3
一个标签创建多个 class：div.box1.box2.box3
<div class="box1 box2 box3"></div>
css设置字母大小写text-transform:capitalize|uppercase|lowercase
css设置字母大小写text-transform:capitalize|uppercase|lowercase
<style>
.p1{
text-transform:capitalize;
}
.p2{
text-transform:uppercase;
...
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...
input 无法输入内容font-size: 0px;
input 无法输入内容，输入之后不显示。
比较奇怪的是，单独input框可以输入内容，加上form就不能输入了。
经查找，发现有css给form表单设置了font-size: 0px;，所以导致输入内容不显示。删除该css属性就可以了。
两个元素设置display: inline-block之后宽度50%不能在一行显示
两个元素设置display: inline-block之后宽度50%不能在一行显示
解决方法一：
删除两个元素之间的空格
解决方法二：
在父级容器设置font-size: 0;
图片变形处理，设置属性object-fit: cover完美解决！
上传头像的时候遇到了头像变形的问题，最后通过object-fit: cover完美解决了。这个CSS属性可以达到最佳最完美的居中自动剪裁图片的功能。
object-fit理解
CSS3 background-size出现的比较早，大家应该知道其支持的一些值，除了数值之外，其还支持几个关键字，例如：cover, contain等。
obj...
关于本站
“最难不过坚持”
本人承接扒站仿站，php网站维护，病毒查杀，网站编辑，网站改版，html制作
有需要网站维护，改版，病毒查杀，网站编辑，网站备案，html制作等相关的工作可以联系我。
本人有多年相关工作经验，也可提供免费咨询，交个朋友。
有需要探讨问题的朋友，也可以加我微信，共同探讨！
微信：15011482830 QQ:408917339
2552
38
分类目录
最新评论
- :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不好用
- :weixiao:
-
评 留言
文章标签更多