![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 55
mkmin
主要对新手入门
展开
-
css:stacking context
层叠上下文是HTML元素的三维概念,这些HTML元素在一条假想的相对于面向(电脑屏幕的)视窗或者网页的用户的z轴上延伸,HTML元素依据其自身属性按照优先级顺序占用层叠上下文的空间。关于上方的文字的描述,我想起了大一的时候,一开始,老师给我们讲解定位的时候,说到了:‘’想象下,我们的页面是有很多层的,我们可以完整看到的,就是距离我们最近的那一层,接下来,第二层,第三层,第四层,一层一层的扣着‘...原创 2019-10-21 11:52:40 · 284 阅读 · 0 评论 -
css:设置页面文字不能被选中
本来是打算使用onselectstart的。。但是怎么试都是爆炸。。所以直接用css分享下: body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }...原创 2018-05-11 15:24:53 · 3970 阅读 · 0 评论 -
css:一些常用的css
一些比较常用的css,记下来,免得到时候忘记了1.css文本,字母,数字过长自动换行处理word-break属性设置的是怎么进行单词内的断句1.normal:正常断句2.break-all:允许在单词内换行,(如11111111111111111111111111111111111111111111111会自动换行)3.keep-all:只能在半角空格或者连字符出换行...原创 2018-06-02 11:36:09 · 323 阅读 · 0 评论 -
css:clac计算
没啥难度,但是很实用的一个计算,w3c的链接:http://www.css88.com/book/css/values/functional/calc().htm先厚颜无耻的截下图先:兼容性:所以如果要适配ie8的话就慎重了,而且android老人机还是很多是4.x的,要慎重代码的话不多,直接上一个例子就可以了:<!DOCTYPE html><ht...原创 2018-08-15 18:14:23 · 1397 阅读 · 0 评论 -
css:flex布局
很多很多的情况下,我们会用到这个样式long long ago,当我还刚入行的时候,我看到上面的布局想到的是浮动,计算出每一个的大小但是!!!!现在的我没有付出秃的代价,也知道了怎么不去使用浮动实现上线的效果,(编不下去了。无视这一段吧)知道了用flex布局的用法,先把代码写上去:<!DOCTYPE html><html> <head>...原创 2018-08-16 10:22:49 · 324 阅读 · 0 评论 -
css:使用硬件加速以及注意项
最近有点想换工作了。所以在看一些基础题,发现自己的基础还是不够沉淀,所以要多复习一些东西,才能更好的学习下之前逛博客的时候看到过一篇关于css的硬件加速的,百度了下,硬件加速是指在计算机中通过把计算量非常大的工作分配给专门的硬件来处理以减轻中央处理器的工作量之技术。尤其是在图像处理中这个技术经常被使用。简单来说,就像是我们看电影的时候,如果电脑卡的话,单单使用cpu的话,是很卡的,而这...原创 2019-03-17 15:42:20 · 844 阅读 · 0 评论 -
css:background-attachment属性
今天偶然看到的,就做出了一些粗略的了解作用:设置背景图片的附着方式前提:需要设置background-image属性值有:scroll:The background is fixed relative to the element itself and does not scroll with its contents.背景相对于元素本身是固定的,不会随着其内容滚动fi...原创 2019-05-25 15:23:17 · 859 阅读 · 0 评论 -
css3下的width/height的一些”值“
有点忙里偷闲了。正好看到了css3里面width/height的自适应关键字,就学习了下(下面的例子基本是以width为例,百分比亚,数值这些要我再写一遍就过分了) fill-available 撑满可用高度,当当前元素的display为inline-block的时候,可将元素的大小设置为可用的宽度;当当前元素的dispaly为block的时候,你就当他不存在吧 fit-c...原创 2019-06-05 16:52:48 · 499 阅读 · 0 评论 -
css:高度不确定时候的transition问题
前提资料MDN中关于transition的介绍先决条件在页面需要展示过渡效果时候,很多情况我们会使用transition,而用transition做效果时候,很多情况是跟width/height做搭配的;但是transition有需要两个必要条件,一个是起点:如开始过渡效果的高度。以及过渡效果结束后的高度。速度等其他非必须的不在本文的讨论范围内,暂时忽略问题描述鉴于上述条...原创 2019-07-01 18:19:48 · 10022 阅读 · 1 评论