![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS3
文章平均质量分 61
海阔天空BM
生活没有奇迹,只有轨迹
展开
-
css隐藏滚动条
方法一body { margin-right: -15px; margin-bottom: -15px; }原理:这会在margin的水平和垂直方向上添加一个负值, IE添加了该精确数值后, 便会去除对滚动条的需求假象;优点:在视觉上解决了这个问题,垂直滚动根据内容自适应;缺点:由于"人为创建"了15px的外边距(margin), 所以无法使用该填充过的屏幕区域。注意:DIV默认是没有...原创 2020-01-20 17:33:30 · 411 阅读 · 0 评论 -
rest_css
html { font-family:"Microsoft YaHei","黑体",Helvetica,Arial,Tahoma,sans-serif;}body { font-size:13px;margin: 0;color: #202830;height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch;}a { b...原创 2020-01-07 18:23:20 · 162 阅读 · 0 评论 -
CSS3 background-orgin与 background-clip的区别
最大的区别为:background-orgin是指图片从坐标系的那个位置展开。而background-clip 是指图片覆盖的区域,以外的区域将被剪掉看不到。1. background-orginorigin 有起源的含义:在CSS3中background-position指从坐标系的那个位置开始展开,一般图片展开的时候是从内边距开始展开的,但是在有时候我们想让从照片从外边框开始展开就可以...原创 2018-09-24 22:39:38 · 331 阅读 · 1 评论 -
用纯CSS实现隐藏滚动条但仍具有滚动的效果
.container::-webkit-scrollbar { display: none; }原创 2019-12-17 15:55:46 · 375 阅读 · 0 评论 -
css样式问题
white-space: nowrap; /*规定文本不进行换行*/ text-overflow: ellipsis; /*当对象内文本溢出时显示省略标记(...)*/overflow:hidden作用https://blog.csdn.net/qq_41638795/article/details/83304388内容隐藏, 给父元素设置overflow: hidden 超出...原创 2020-01-16 16:08:51 · 109 阅读 · 0 评论 -
CSS简介
CSS(层叠样式表),是一种用来为结构化文档(html)添加样式(比如字体,颜色)的计算机语言,CSS文件扩展名为.css。原创 2022-09-24 22:01:00 · 319 阅读 · 0 评论 -
CSS中的font,font-family、font-weight、font-size等
CSS中的font,font-family、font-weight、font-size等原创 2022-09-23 19:49:32 · 761 阅读 · 0 评论 -
h5点击有蓝色背景
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}原创 2020-09-15 11:41:43 · 391 阅读 · 0 评论 -
background-clip,background-origin和background-position
background-postion规定背景图片的位置px 第一值是x轴,第二个是y轴,默认是从左上角开始的,如果只设置第一个,第二个默认是auto百分比,根据相对于父元素top | center | bottom | left | center | rightcover 把图像扩展至足够大,以使背景完全覆盖背景区域。背景图像的某些部分会无法显示(保持等比比例)co...原创 2020-04-09 14:19:43 · 560 阅读 · 0 评论 -
js+css实现进度条
其实实现进度条的方法最简单的就是先定义好这个标签的背景颜色这样容易区分,还要设置好高端,一开始宽度为0,随之宽度的增宽进度条也会随之变长。<div class="propess"></div>.propess{ backgroundColor: skyblue; height: 10px; width: 0;}如果想体验更好一些,让进度条有一个外边框...原创 2020-03-05 14:20:07 · 373 阅读 · 0 评论 -
rem.js
(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWid...原创 2020-02-03 20:58:01 · 73 阅读 · 0 评论