CSS
关注
分享
扫一扫
Web_阿凯
这个作者很懒，什么都没留下…
展开
-
前端实现哀悼日效果
实现哀悼效果原创 2022-12-01 16:06:56 · 226 阅读 · 0 评论 -
window.print()手动设置纸张的宽高
使用window.print();导出页面的时候，默认使用的纸张为A4纸，比例为4:3，如何横屏显示的话，就会出现播放的时候两边留白的情况，显示效果比较一般。效果如下：目前计算机的比例一般都是16:9，可以使用@page 手动修改纸张宽高@page{ size: 1920px 1080px; }如果需要修改打印时页面元素的大小的话，需要使用@media print@media print {}...原创 2020-10-22 14:25:46 · 9180 阅读 · 0 评论 -
css实现上标或者下标
主要利用vertical-align这个属性，vertical-align一般都是用来行内元素居中显示html如下： <span class="mainSpan">CO</span> <span class="unitSPan">2</span>css如下： .mainSpan { font-...原创 2020-04-29 13:39:39 · 5471 阅读 · 0 评论 -
css让图片旋转与静止
主要运用到css3的动画效果css如下：@-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); }}.temImg { width: 50px; he...原创 2020-04-22 18:11:03 · 797 阅读 · 1 评论 -
解决浏览器打印时，背景色不显示
只需要一行代码就可以解决-webkit-print-color-adjust: exact;原创 2019-11-27 09:09:01 · 5007 阅读 · 4 评论 -
css添加div阴影
box-shadow:0 0 20px rgba(0, 0, 0, 0.3);原创 2019-11-05 13:50:03 · 1897 阅读 · 0 评论 -
前端CSS初始化
一、PC端初始化这里推荐使用淘宝官网的body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; } body, button, input...原创 2019-09-02 10:54:08 · 547 阅读 · 0 评论 -
css去除背景色
在日常的项目中，可能需要去除插件自带的背景色，加上下面代码就行了 background-color:transparent;原创 2019-08-29 08:47:27 · 2397 阅读 · 1 评论 -
CSS中的文字超出隐藏显示省略号
①单行超出隐藏p { width: 200px; /* 宽度自定义 */ white-space: nowrap; /* 单行显示，不换行 */ overflow: hidden; /* 超出隐藏 */ text-overflow: ellipsis;/* 显示点 */}需要注意的是记得给宽度，不然达不到省略的效果效果如下：②多行超出隐藏p { overfl...原创 2019-08-27 13:38:25 · 680 阅读 · 1 评论 -
通过css修改input的边框
input{ border:1px solid #d2d2d2; background-color:transparent;}可以看到主要是把背景色调成透明的颜色，从而来进行边框的设置原创 2019-07-26 11:06:44 · 19763 阅读 · 0 评论 -
CSS清除浮动
1.清除浮动时，需要在清楚浮动的下一个元素添加clear: both;原创 2019-06-05 09:35:03 · 121 阅读 · 0 评论 -
first-child、last-child、nth-child( )失效问题
最经遇到一个first-child、last-child、nth-child()失效的问题，我相信还有很多人都会遇到，下面我就分2类来简单的说明下①first-child和last-child失效第一种情况是first-child和last-child问题，话不多说先贴代码<!DOCTYPE html><html><head> <meta...原创 2019-06-04 16:05:26 · 9794 阅读 · 3 评论